css theme fix for better view with smartphones

themes/minimunit/static/css/style.css

@@ -4,12 +4,10 @@ body {
     background-color: #F4F4E8;
     color: #333333;
     min-width: 400px;
+    max-width: 600px;
     min-height: 200px;
-    margin: 2% 2%;
-    padding:0;
-    height:98%;;
-    margin-left: 33%;
-    margin-right: 33%;
+    margin: 0 auto;
+    padding: 0;
 }
 
 .sitebanner {
@@ -42,6 +40,10 @@ h6 a { color: inherit !important }
     margin-top: 1em;
 }
 
+#banner {
+    height: 85px;
+}
+
 pre {
     margin: 2em 1em 2em 4em;
 }

themes/minimunit/templates/base.html

@@ -46,7 +46,6 @@
       <h1><a href="{{ SITEURL }}/">{{ SITENAME }} <strong>{{ SITESUBTITLE }}</strong></a></h1>
       </div>
   </header><!-- /#banner -->
-  <br /><br />
   <nav id="menu"><ul>
       {% for title, link in MENUITEMS %}
       <li><a href="{{ link }}">{{ title }}</a></li>