From 9b66aa58f955d742a97426f1b0d1689d8c7650c9 Mon Sep 17 00:00:00 2001
From: Ryan Barrett <git@ryanb.org>
Date: Fri, 22 Dec 2023 11:50:30 -0800
Subject: [PATCH] front page redesign: header style tweaks

---
 static/style.css    | 14 ++++++++++++--
 templates/base.html | 17 ++++++++---------
 2 files changed, 20 insertions(+), 11 deletions(-)

diff --git a/static/style.css b/static/style.css
index e5cdb02..78d04cf 100644
--- a/static/style.css
+++ b/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-bottom: 1em;
+  margin-top: .5em;
+  margin-bottom: .5em;
+}
+
+#logo-img {
+  height: 3em;
 }
 
 #front #footer {
diff --git a/templates/base.html b/templates/base.html
index d4848b3..1fbca75 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -36,20 +36,19 @@
              {% endif %}">
 
 <div id="header" class="row">
-  <div id="logo">
-  <a href="/">
-   <img id="logo-img" class="img-responsive col-sm-2 col-xs-3"
-        src="/static/bridgy_logo_with_alpha.png" />
-   <span class="bigger col-sm-3 col-xs-4">Bridgy Fed</span>
-  </a>
-  </div>
+  <p id="logo">
+    <a href="/">
+     <img id="logo-img" src="/static/bridgy_logo_with_alpha.png" />
+     <span class="big">Bridgy Fed</span>
+    </a>
+  </p>
 
-  <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 %}