Minor style fixes

Cloud-CV · Jul 26, 2017 · 1ef00eb · 1ef00eb
1 parent 6b9057e
commit 1ef00eb
Show file tree

Hide file tree

Showing 4 changed files with 26 additions and 11 deletions.
diff --git a/frontend/src/components/home/homeBody/HomeSponsors.js b/frontend/src/components/home/homeBody/HomeSponsors.js
@@ -41,7 +41,7 @@ const HomeSponsors = props => {
           );
         })}
       </div>
-      <div className="right-align">
+      <div className="right-align cv-home-sponsors-container">
         <h1 className="cv-home-showcase-heading">
           {SPONSOR_TITLE}
         </h1>

diff --git a/frontend/src/components/home/index.js b/frontend/src/components/home/index.js
@@ -34,7 +34,7 @@ class HomePage extends React.Component {
       }, 0);
     } else {
       setTimeout(() => {
-        const element = document.html;
+        const element = document.body;
         if (element)
           element.scrollIntoView({
             behavior: "smooth"

diff --git a/frontend/src/styles/partials/_home.scss b/frontend/src/styles/partials/_home.scss
@@ -7,6 +7,7 @@
 
   .cv-home-header {
     font-weight: 500;
+    margin-top: 7 * $gutter-width;
   }
 
     .cv-home-header-intro, .cv-home-header-desc {
@@ -29,7 +30,11 @@
   }
 
   .cv-home-body {
-    padding-top: 12*$gutter-width;
+    padding-top: 5*$gutter-width;
+
+    @media #{$bp-sm} {
+      padding-top: 12*$gutter-width;
+    }
   }
 
     .cv-home-about-us {
@@ -59,21 +64,29 @@
       }
 
         .cv-about-us-card-heading {
-          top: -13rem;
           position: absolute;
           display: inline-block;
           white-space: nowrap;
+
+          @media #{$bp-sm} {
+            top: -13rem;
+          }
         }
 
           .cv-about-us-heading-line {
             @include text-gradient($heading-color, $secondary-color);
           }
 
           .cv-question-mark {
+            display: none;
             @include text-gradient($heading-color, $secondary-color);
             font-family: $primary-font-family;
             @include font-size(25, 1);
             font-weight: 300;
+
+            @media #{$bp-sm} {
+              display: inline;
+            }
           }
 
         .cv-about-us-card-desc {
@@ -162,7 +175,7 @@
       }
 
     .cv-home-news {
-      padding: 5*$gutter-width 0;
+      padding: 7*$gutter-width 0;
       position: relative;
       background: linear-gradient($heading-color, $white 400px);
     }
@@ -187,6 +200,10 @@
       }
     }
 
+  .cv-home-sponsors-container {
+    margin-top: 10*$gutter-width;
+  }
+
     .cv-home-sponsor-card {
       box-shadow: none;
       width: 100%;
@@ -270,7 +287,7 @@
 
   .cv-home-footer {
     margin: 0;
-    padding: 15 * $gutter-width 0 0 0;
+    padding: 8 * $gutter-width 0 0 0;
   }
     .cv-home-footer-image {
       width: 100%;

diff --git a/frontend/src/styles/partials/_navbar.scss b/frontend/src/styles/partials/_navbar.scss
@@ -8,20 +8,18 @@
     display: flex;
     flex-direction: column-reverse;
     position: fixed;
-    padding: 2*$gutter-width;
+    padding: $gutter-width;
     top: 0;
     left: 0;
     right: 0;
     box-shadow: $box-shadow;
     z-index: 10;
 
   @media #{$bp-sm} {
-    background: transparent;
-    position: static;
+    background: $white;
     flex-direction: row;
     justify-content: space-between;
-    align-items: baseline;
-    margin-top: 2 * $gutter-width;
+    align-items: center;
     box-shadow: none;
   }
 }