Merge pull request #877 from codeRIT/mobilefixes

Fixed sign-in not being vertically centered on mobile + mobile zooming

Author: cbaudouinjr

app/assets/images/home_asset_1_2.png

@@ -114,12 +114,18 @@ body {
   background-size: 700px;
 
   @media (max-width: 1100px) {
-    /*background-image: asset-url("home/about-background-bricks-double.svg");*/
-    height: 1200px;
+    background: asset-url("home_asset_1_2.png") no-repeat left;
+    height: 200%;
+    width: 100%;
     opacity: 0.15;
+    margin-top: 100px;
   }
   @media (max-width: 480px) {
-    margin-top: 40px;
+    background-size: 450px;
+    margin-top: 0px;
+  }
+  @media (max-width: 400px) {
+    margin-top: 50px;
   }
 }
 

app/assets/stylesheets/home/layout.scss

@@ -24,7 +24,7 @@ $nav-space-tablet: 15px;
   font-weight: bold;
   padding-right: 5%;
   @media (max-width: 1100px) {
-    padding-top: 40px;
+    padding-top: 30px;
     padding-bottom: 20px;
   }
 }
@@ -120,8 +120,9 @@ $nav-space-tablet: 15px;
 .nav__signup__button{
   position: fixed;
   right: 140px;
+  width: 115px;
   @media (max-width: 850px) {
     left: 120px;
-    top: 30px;
+    top: 15px;
   }
 }