minor tweaks to theme.css and html footer

- adjusted body margins so that short pages shouldn't have a scroll bar
- fixed footer links to be proper list
- fixed footer list css

diff --git a/src/template/template-helper.js b/src/template/template-helper.js
index 57a3f50e32190cbf9ac42edef9550cdd4d8d0f51..eb379172098925987febda3ee2f0a61339284744 100644 (file)
--- a/src/template/template-helper.js
+++ b/src/template/template-helper.js
@@ -227,13 +227,15 @@ function htmlFooter() {
   return `    </main>
     <footer>
       <ol>
-        <a href="https://git.squeep.com/?p=websub-hub;a=tree">Development Repository</a>
-      </ol>
-      <ol>
-        <a href="https://squeep.com/">A Squeep Infrastructure Component</a>
-      </ol>
-      <ol>
-        &copy;<time datetime="2021">&#8559;&#8559;&#8553;&#8553;&#8544;</time>
+        <li>
+          <a href="https://git.squeep.com/?p=websub-hub;a=tree">Development Repository</a>
+        </li>
+        <li>
+          <a href="https://squeep.com/">A Squeep Infrastructure Component</a>
+        </li>
+        <li>
+          &copy;<time datetime="2021">&#8559;&#8559;&#8553;&#8553;&#8544;</time>
+        </li>
       </ol>
     </footer>`;
 }

diff --git a/static/theme.css b/static/theme.css
index 06f03a98a22fb75fcc443dd2ddb9a9350930d351..3e4c4f4d1685bf3cde8616e42cb17e03110e0974 100644 (file)
--- a/static/theme.css
+++ b/static/theme.css
@@ -5,7 +5,7 @@ html {
 body {
        background-color: #fff;
        font-family: Helvetica, Verdana, sans-serif;
-       margin: 1em;
+       margin: 0 1em 0 1em;
        min-height: 100vh;
        display: flex;
        flex-direction: column;
@@ -23,12 +23,13 @@ header nav ol li a {
        text-align: center;
 }
 h1 {
-       margin-top: 1.3em;
-       margin-bottom: 2.5em;
+       margin-top: 1em;
+       margin-bottom: 1.25em;
        text-align: center;
 }
 h2 {
        background-color: #ddd;
+       padding: .25em 0 .1em 0.25em;
 }
 main {
        flex-grow: 1;
@@ -60,9 +61,8 @@ footer {
        width: 100%;
        border-top: 4px dotted #666;
 }
-footer nav ol {
+footer ol {
        list-style-type: none;
-       margin: 0;
+       margin: .5em;
        padding: 0;
-       border: 1px solid #000;
 }