[styles,_header] Changed elements from block to inline in header

In the old way, browsers that do not support CSS will still show the header with proper "vertical" alignment.
This is a problem, since a good amount of the page on the top will be just the sidebar.
Now, everything is layed out a lot more flat-ly on such browsers, making better use of available space.

1 files changed, 7 insertions, 0 deletions

diff --git a/src/styles.css b/src/styles.css
index d6bddfc..11249d6 100644
--- a/src/styles.css
+++ b/src/styles.css
@@ -300,6 +300,13 @@ dt, dd {
       padding-left: 49px;
     }
 
+/* Very old/unfinished browser compatibility */
+
+    /* Inside _header we use <span class="br"></span>, instead of <br>, because if your browser
+     * doesn't support CSS, we want most stuff to be aligned on a single line, rather than preserve
+     * the "vertical" layout */
+.br { display: block; }
+
 /* lowdown classes and related settings */
 
 .footnotes { font-size: 0.9em; margin-top: 3em; }