#27 Fix flex issue on side menu & center header image

WilliamDASILVA · WilliamDASILVA · commit bad8d4598541 · 2017-12-10T16:07:45.000+01:00
diff --git a/app/styles/layout.scss b/app/styles/layout.scss
@@ -30,11 +30,22 @@ button{
         &-header{
             height: 150px;
             background-image: url('assets/img/header_pubg2.png');
+            background-position: center;
             background-size: cover;
         }
     }
 }
 
+@media only screen and (max-width: 480px){
+    .app-layout{
+        .app-content{
+            &-content{
+                padding: 0;
+            }
+        }
+    }
+}
+
 .fa-ul {
     color: #000000;
 }
diff --git a/app/styles/side-menu/side-menu.scss b/app/styles/side-menu/side-menu.scss
@@ -37,7 +37,6 @@
     }
 
     .side-menu-links{
-        flex: 1;
         display: flex;
         flex-direction: column;
         margin-top: 32px;
@@ -142,6 +141,7 @@
 }
 
 .side-menu-footer{
+    margin-top: auto;
     margin-bottom: 16px;
     
     ul{
@@ -188,6 +188,7 @@
     .app-layout{
         & > .side-menu-footer{
             display: block;
+            margin-top: 16px;
         }
     }
 }

Original file line number	Diff line number	Diff line change
`@@ -30,11 +30,22 @@ button{`
`30`	`30`	`&-header{`
`31`	`31`	`height: 150px;`
`32`	`32`	`background-image: url('assets/img/header_pubg2.png');`
	`33`	`+ background-position: center;`
`33`	`34`	`background-size: cover;`
`34`	`35`	`}`
`35`	`36`	`}`
`36`	`37`	`}`
`37`	`38`
	`39`	`+@media only screen and (max-width: 480px){`
	`40`	`+ .app-layout{`
	`41`	`+ .app-content{`
	`42`	`+ &-content{`
	`43`	`+ padding: 0;`
	`44`	`+ }`
	`45`	`+ }`
	`46`	`+ }`
	`47`	`+}`
	`48`	`+`
`38`	`49`	`.fa-ul {`
`39`	`50`	`color: #000000;`
`40`	`51`	`}`