From f34923fadbb9e301a2f4b9845eca03fe0dd07e6a Mon Sep 17 00:00:00 2001
From: Ben Kurtovic <ben.kurtovic@gmail.com>
Date: Mon, 19 Dec 2016 17:15:10 -0500
Subject: [PATCH] Clean up logout page styling.

---
 static/main.css       | 29 +++++++++++++++++++++--------
 templates/_base.mako  |  4 +++-
 templates/logout.mako |  4 ++--
 3 files changed, 26 insertions(+), 11 deletions(-)

diff --git a/static/main.css b/static/main.css
index dbaff9b..756d391 100644
--- a/static/main.css
+++ b/static/main.css
@@ -24,6 +24,10 @@ a:hover {
     text-decoration: underline;
 }
 
+h1 {
+    margin-top: 0.5em;
+}
+
 #container {
     display: flex;
     flex: 1;
@@ -123,6 +127,11 @@ header .aligned {
     vertical-align: middle;
 }
 
+header .spacer {
+    height: 30px;
+    visibility: hidden;
+}
+
 footer ul {
     margin: 0;
     padding: 0;
@@ -142,14 +151,6 @@ footer ul li:not(:last-child):after {
     margin-right: 0.25em;
 }
 
-#login-button {
-    height: 30px;
-}
-
-#error pre {
-    white-space: pre-wrap;
-}
-
 #flashes {
     margin-top: 0.5em;
 }
@@ -169,3 +170,15 @@ footer ul li:not(:last-child):after {
     border-color: #AA3322;
     background-color: rgba(255, 60, 30, 0.2);
 }
+
+#error pre {
+    white-space: pre-wrap;
+}
+
+#login-button {
+    height: 30px;
+}
+
+#logout-form {
+    margin-bottom: 1em;
+}
diff --git a/templates/_base.mako b/templates/_base.mako
index 29af941..fcb00c2 100644
--- a/templates/_base.mako
+++ b/templates/_base.mako
@@ -29,7 +29,9 @@
                         </%block>
                     </div>
                     <div class="right">
-                        <%block name="righthead"/>
+                        <%block name="righthead">
+                            <img class="spacer aligned" src="data:image/gif;base64,R0lGODlhAQABAAD/ACwAAAAAAQABAAACADs="/>
+                        </%block>
                     </div>
                 </div>
             </header>
diff --git a/templates/logout.mako b/templates/logout.mako
index a1a0b06..9583f76 100644
--- a/templates/logout.mako
+++ b/templates/logout.mako
@@ -2,8 +2,8 @@
 <%block name="title">
     Log out &ndash; ${g.config.get("corp.name") | h}
 </%block>
-<h1>Log out</h1>  <!-- ... style -->
+<h1>Log out</h1>
 <p>Use the button below to safely log out and clear your session.</p>
-<form method="post">
+<form id="logout-form" method="post">
     <input type="submit" value="Log out">
 </form>