From: Justin J. Novack <jnovack@gmail.com>
Date: Sun, 7 Oct 2012 02:49:06 +0000 (-0400)
Subject: Make header consistent with main container across 'desktop' resolutions
X-Git-Tag: v0.4.0~117
X-Git-Url: https://git.cweiske.de/phorkie.git/commitdiff_plain/e83f9aa55257edcc55bab996464a89b66805a346

Make header consistent with main container across 'desktop' resolutions
---

diff --git a/data/templates/base.htm b/data/templates/base.htm
index 426432e..2eb194e 100644
--- a/data/templates/base.htm
+++ b/data/templates/base.htm
@@ -20,10 +20,10 @@
   <div class="navbar navbar-inverse">
    <div class="navbar-inner">
     <div class="container">
-     <a class="brand" href="/">
-      {{title}}
-     </a>
      <ul class="nav">
+      <li>
+       <a class="brand" href="/">{{title}}</a>
+      </li>
       <li>
        <a href="/new">New paste</a>
       </li>
diff --git a/www/css/phorkie.css b/www/css/phorkie.css
index 9cca2df..bc1bdc9 100644
--- a/www/css/phorkie.css
+++ b/www/css/phorkie.css
@@ -19,18 +19,28 @@ a.anchorlink {
     margin-left: 0.5em;
     font-size: smaller;
 }
-.navbar .brand {
+.navbar li a.brand {
     /*float: right;*/
+    margin-left: -14px;
     color: #DDA;
     text-shadow: 0 0 30px rgba(255, 255, 255, .9);
 }
-.navbar .brand:hover {
+.navbar li a.brand:hover {
     color: #FFA;
 }
 
-.navbar .container {
-    width: 940px;
+@media (min-width: 980px) and (max-width: 1199px) {
+    .navbar .container {
+        width: 940px;
+    }
 }
+
+@media (min-width: 768px) and (max-width: 979px) {
+    .navbar .container {
+        width: 724px;
+    }
+}
+
 .footer {
     margin-top: 36px;
     margin-bottom: 0px;