style changes

src/lib/Feed.svelte

@@ -19,12 +19,11 @@
 <style>
     ul {
         list-style: none;
-        padding: 0 1em;
+        padding: 0;
     }
 
     ul > li {
-        margin-top: 3px;
-        margin-bottom: 3px;
+        margin: 3px 0;
     }
 
     p.big {

src/lib/MobileFooter.svelte

@@ -27,7 +27,7 @@ let me = $derived(getMe());
 <style>
 
 footer {
-    position: sticky;
+    position: fixed;
     bottom: 0;
     left: 0;
     width: 100%;

src/lib/PostMeta.svelte

@@ -17,4 +17,10 @@ let { post } : {post: PostEntry }= $props();
 
 <style>
     ul.post-meta > li { margin-inline-end: 9px; }
+
+    @media (max-width:799px) {
+        ul.post-meta {
+            font-size: .8em;
+        }
+    }
 </style>

src/lib/SLayout.svelte

@@ -28,12 +28,12 @@ let mobiRightActive = $state(false);
     grid-template-areas: 
        ". title ."
        "left center right";
-    margin: 1em 2em;
+    padding: 1em 2em;
     position: relative;
 }
 
-.layout-left { grid-area: left; padding-right: 1em; }
-.layout-right { grid-area: right; padding-left: 1em; }
+.layout-left { grid-area: left; padding-inline-end: 1em; }
+.layout-right { grid-area: right; padding-inline-start: 1em; }
 .layout-content { grid-area: center; }
 .layout-title { grid-area: title; text-align: center; font-size: 1.4em; }
 
@@ -86,6 +86,8 @@ let mobiRightActive = $state(false);
       "center center center";
 
     grid-template-columns: 2em auto 2em;
+
+    padding: 1em .5em;
   }
 
   .layout-left, .layout-right { display: none; }
@@ -107,6 +109,10 @@ let mobiRightActive = $state(false);
     right: 0;
    }
 
+   .layout-content {
+    font-size: .9em;
+   }
+
 }