Fix spacing in topbar in various responsive sizes

ilarimikkonen · Aug 13, 2014 · 2d52703 · 2d52703
1 parent b4eea55
commit 2d52703
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 1 deletion.
diff --git a/modules/ytp-assets-common/src/less/common.less b/modules/ytp-assets-common/src/less/common.less
@@ -32,6 +32,9 @@ body {
   font-family: 'Gotham Narrow SSm A', 'Gotham Narrow SSm B', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 }
 
+.navbar {
+    margin-bottom: 12px;
+}
 .navbar-brand {
   font-family: 'Mercury SSm A','Mercury SSm B', 'Helvetica Neue', Helvetica, Arial, sans-serif;
 }
@@ -162,7 +165,13 @@ a {
     width: auto;
   }
 }
-
+@media(max-width: @screen-lg) {
+  #page_wrapper {
+    margin-top: 0px;
+    margin-left: 8px;
+    margin-right: 8px;
+  }
+}
 
 .footer {
   border: none;

diff --git a/modules/ytp-assets-common/src/less/content.less b/modules/ytp-assets-common/src/less/content.less
@@ -6,6 +6,11 @@ body {
   background-size: cover;
   padding-top: 64px;
 }
+@media(max-width: @screen-lg) {
+  body {
+    padding-top: 52px;
+  }
+}
 
 a {
     color: @link-color;