Clean up logout page styling.

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;
+}

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>

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>