fix(app-home): style tweaks

luiskcs89 · luiskcs89 · commit a3626304a18a · 2019-12-31T09:55:08.000-06:00
diff --git a/src/components/app-footer/app-footer.scss b/src/components/app-footer/app-footer.scss
@@ -14,7 +14,7 @@
     font-size: 1.6rem;
     margin-bottom: 1.5rem;
     @include media-breakpoint-down(md) {
-      font-size: 1rem;
+      font-size: 1.3rem;
       margin-bottom: 1rem;
     }
   }
diff --git a/src/components/app-footer/app-footer.tsx b/src/components/app-footer/app-footer.tsx
@@ -24,6 +24,7 @@ export class AppFooter {
                   {translate('footer.address.phoneNumber')}
                   <br />
                   <a href="mailto:hello@openforge.io">{translate('footer.address.email')}</a>
+                  <br />
                   <stencil-route-link url="/service-level-agreement">{translate('footer.social.sla')}</stencil-route-link>
                   <br />
                   <stencil-route-link url="/service-level-agreement">{translate('footer.social.presskit')}</stencil-route-link>
diff --git a/src/pages/app-home/app-home.scss b/src/pages/app-home/app-home.scss
@@ -358,6 +358,10 @@
         a {
           margin: 0 10px;
         }
+
+        @include media-breakpoint-down(sm) {
+          margin: 2rem 0 2rem;
+        }
       }
 
       button.button-work {
@@ -375,6 +379,8 @@
 
       @include media-breakpoint-down(md) {
         display: flex;
+        padding: 20px;
+        height: initial;
       }
     }
 

Original file line number	Diff line number	Diff line change
`@@ -14,7 +14,7 @@`
`14`	`14`	`font-size: 1.6rem;`
`15`	`15`	`margin-bottom: 1.5rem;`
`16`	`16`	`@include media-breakpoint-down(md) {`
`17`		`- font-size: 1rem;`
	`17`	`+ font-size: 1.3rem;`
`18`	`18`	`margin-bottom: 1rem;`
`19`	`19`	`}`
`20`	`20`	`}`
Original file line number	Diff line number	Diff line change
`@@ -358,6 +358,10 @@`
`358`	`358`	`a {`
`359`	`359`	`margin: 0 10px;`
`360`	`360`	`}`
	`361`	`+`
	`362`	`+ @include media-breakpoint-down(sm) {`
	`363`	`+ margin: 2rem 0 2rem;`
	`364`	`+ }`
`361`	`365`	`}`
`362`	`366`
`363`	`367`	`button.button-work {`
`@@ -375,6 +379,8 @@`
`375`	`379`
`376`	`380`	`@include media-breakpoint-down(md) {`
`377`	`381`	`display: flex;`
	`382`	`+ padding: 20px;`
	`383`	`+ height: initial;`
`378`	`384`	`}`
`379`	`385`	`}`
`380`	`386`