From df1a33c63f8cec1ef734b5b2a508623ea15f3e4d Mon Sep 17 00:00:00 2001
From: Eelco Dolstra <eelco.dolstra@logicblox.com>
Date: Wed, 6 Nov 2013 14:50:21 +0100
Subject: [PATCH] Fix layout at all page sizes

---
 src/root/layout.tt            |  2 ++
 src/root/static/css/hydra.css | 15 +++++++++------
 2 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/root/layout.tt b/src/root/layout.tt
index 933fe893..bee4d8a7 100644
--- a/src/root/layout.tt
+++ b/src/root/layout.tt
@@ -65,6 +65,8 @@
     </div>
 
     <div class="container">
+      <div class="skip-topbar"></div>
+
       [% IF flashMsg %]
         <div class="alert alert-info">[% flashMsg %]</div>
       [% END %]
diff --git a/src/root/static/css/hydra.css b/src/root/static/css/hydra.css
index 6f65c649..59ef91c1 100644
--- a/src/root/static/css/hydra.css
+++ b/src/root/static/css/hydra.css
@@ -1,9 +1,12 @@
-@media (min-width: 768px) {
-    body {
-        padding-top: 40px;
-    }
-    div.alert {
-        margin-top: 1em;
+div.skip-topbar {
+    padding-top: 40px;
+    margin-bottom: 1.5em;
+}
+
+@media (max-width: 979px) {
+    div.skip-topbar {
+        padding-top: 0;
+        margin-bottom: 0;
     }
 }