front page redesign: header style tweaks

static/style.css

@@ -30,12 +30,22 @@
 }
 
 .header-links {
+  float: right;
   text-align: right;
 }
 
+#logo {
+  float: left;
+  text-align: left;
+}
+
 #header .header-links {
-  margin-top: 1em;
+  margin-top: .5em;
-  margin-bottom: 1em;
+  margin-bottom: .5em;
+}
+
+#logo-img {
+  height: 3em;
 }
 
 #front #footer {

templates/base.html

@@ -36,20 +36,19 @@
              {% endif %}">
 
 <div id="header" class="row">
-  <div id="logo">
+  <p id="logo">
-  <a href="/">
+    <a href="/">
-   <img id="logo-img" class="img-responsive col-sm-2 col-xs-3"
+     <img id="logo-img" src="/static/bridgy_logo_with_alpha.png" />
-        src="/static/bridgy_logo_with_alpha.png" />
+     <span class="big">Bridgy Fed</span>
-   <span class="bigger col-sm-3 col-xs-4">Bridgy Fed</span>
+    </a>
-  </a>
+  </p>
-  </div>
 
-  <div class="col-sm-7 col-xs-5 header-links">
+  <p class="header-links">
     <a href="/docs">Docs</a> &nbsp;
     <a href="https://snarfed.org/?s=%22bridgy+fed%22">News</a> &nbsp;
     <a href="mailto:feedback@brid.gy">Feedback</a> &nbsp;
     <a href="https://github.com/snarfed/bridgy-fed">Source</a>
-  </div>
+  </p>
 </div>
 
 {% block content %}