#30 - Home header buttons are missing a border. Crystal logo centered…

… at Home page like Invision.
crystal-lang · Mar 22, 2017 · 331e2b7 · 331e2b7
1 parent f5953d8
commit 331e2b7
Show file tree

Hide file tree

Showing 2 changed files with 40 additions and 6 deletions.
diff --git a/_assets/css/_generic.scss b/_assets/css/_generic.scss
@@ -211,9 +211,30 @@ table.no-underline a {
 }
 
 @media only screen and (max-width: 600px) {
-  .header-section {
-    .title {
-      font-size: 3.4rem;
+  .wrapper {
+    .header-section {
+      .title {
+        font-size: 3.4rem;
+      }
+    }
+    nav {
+      a.button-collapse i {
+        font-size: 1.8rem;
+        line-height: 72px;
+      }
+    }
+    &:not(.main) {
+      #logo-container {
+        margin: 5px 0 0 5px;
+        height: 75px;
+        width: 75px;
+
+        #logo-canvas {
+          width: 75px;
+          height: 75px;
+        }
+      }
     }
   }
-}
+}
+
diff --git a/_assets/css/_home.scss b/_assets/css/_home.scss
@@ -188,8 +188,9 @@
   @media only screen and (max-width: 992px) {
     .btn-flat {
       display: block;
-      width: 100%;
-      border: 0;
+      width: 70%;
+      margin-right: 0;
+      margin: 0 auto 1rem !important;
     }
   }
 
@@ -334,3 +335,15 @@
     display: none;
   }
 }
+
+@media only screen and (max-width: 600px) {
+  .main {
+    nav {
+      a.brand-logo {
+        position: absolute;
+        left: calc(50% - 15px);
+        top: 2rem;
+      }
+    }
+  }
+}