fix(blog): tablet view: expaded margins on tablet to fit text

daftclaud · daftclaud · commit a52a4cda0090 · 2019-06-19T11:01:22.000-04:00
#363
diff --git a/src/pages/app-blog/app-blog.scss b/src/pages/app-blog/app-blog.scss
@@ -7,7 +7,7 @@
   }
 
   .posts-row {
-    @include media-breakpoint-up(sm) {
+    @include media-breakpoint-up(lg) {
       margin: 0 130px;
     }
   }
@@ -16,11 +16,6 @@
     display: block;
 
     .form-row-content {
-      @include media-breakpoint-up(sm) {
-        // position: fixed; this caused the input field to become unclickable
-        z-index: -1;
-      }
-
       @include media-breakpoint-down(sm) {
         text-align: center;
       }
@@ -78,16 +73,10 @@
 
       .contact-icons-label {
         margin: 0;
-        @include media-breakpoint-down(sm) {
-          display: none;
-        }
       }
 
       .contact-icons {
         width: 100%;
-        @include media-breakpoint-down(sm) {
-          display: none;
-        }
       }
 
       .contact-icon {

Original file line number	Diff line number	Diff line change
`@@ -7,7 +7,7 @@`
`7`	`7`	`}`
`8`	`8`
`9`	`9`	`.posts-row {`
`10`		`- @include media-breakpoint-up(sm) {`
	`10`	`+ @include media-breakpoint-up(lg) {`
`11`	`11`	`margin: 0 130px;`
`12`	`12`	`}`
`13`	`13`	`}`
`@@ -16,11 +16,6 @@`
`16`	`16`	`display: block;`
`17`	`17`
`18`	`18`	`.form-row-content {`
`19`		`- @include media-breakpoint-up(sm) {`
`20`		`- // position: fixed; this caused the input field to become unclickable`
`21`		`- z-index: -1;`
`22`		`- }`
`23`		`-`
`24`	`19`	`@include media-breakpoint-down(sm) {`
`25`	`20`	`text-align: center;`
`26`	`21`	`}`
`@@ -78,16 +73,10 @@`
`78`	`73`
`79`	`74`	`.contact-icons-label {`
`80`	`75`	`margin: 0;`
`81`		`- @include media-breakpoint-down(sm) {`
`82`		`- display: none;`
`83`		`- }`
`84`	`76`	`}`
`85`	`77`
`86`	`78`	`.contact-icons {`
`87`	`79`	`width: 100%;`
`88`		`- @include media-breakpoint-down(sm) {`
`89`		`- display: none;`
`90`		`- }`
`91`	`80`	`}`
`92`	`81`
`93`	`82`	`.contact-icon {`