Add space around graphics, fix the footer

_includes/header.html

@@ -1,6 +1,6 @@
 <header>
   <a href="/">
-    <img id="logo" src="/assets/images/radicle.svg" width="32" height="32"/>
+    <img id="logo" src="/assets/images/radicle.svg" width="32" height="32" style="margin-top: 4px"/>
   </a>
   <div class="ticker">
     <div>RADICLE RADICLE RADICLE&nbsp;</div>

assets/css/common.css

@@ -80,6 +80,8 @@ body, html {
   background-size: contain;
   width: 1.75rem;
   height: 1.75rem;
+  margin-top: 0.25rem;
+  margin-bottom: 0.25rem;
 }
 :root[data-theme=light] #toggle-theme {
   background-image: url(/assets/images/sun.svg);

assets/css/page.css

@@ -231,7 +231,7 @@ body > header {
   text-overflow: hidden;
   flex-wrap: nowrap;
   width: 100%;
-  height: 1.5rem;
+  height: 1.75rem;
   min-height: 1.5rem;
   line-height: 1.5rem;
 }
@@ -243,11 +243,17 @@ body > footer {
   padding: 0 0.5rem;
   white-space: nowrap;
   width: 100%;
-  height: 1.5rem;
+  height: 2rem;
   min-height: 1.5rem;
   line-height: 1.5rem;
 }
 
+footer {
+  position: fixed;
+  background-color: var(--color-bg-default);
+  bottom: 0;
+}
+
 body > footer > * {
   flex: 1;
   display: flex;
@@ -337,6 +343,7 @@ img.screenshot {
   display: flex;
   width: 100%;
   animation: ticker 120s linear infinite;
+  margin-top: 2px;
 }
 
 .ticker > *:nth-child(even) {