From a73ad66e06d45b36951504cc83c034e152163e96 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?R=C5=ABdolfs=20O=C5=A1i=C5=86=C5=A1?= <rudolfs@osins.org>
Date: Fri, 5 Jan 2024 18:32:16 +0000
Subject: [PATCH] Tweak app header and footer

Adds a border bottom to the header and makes sure footer sticks to the
bottom.
---
 src/App/AppLayout.svelte | 6 +++++-
 1 file changed, 5 insertions(+), 1 deletion(-)

diff --git a/src/App/AppLayout.svelte b/src/App/AppLayout.svelte
index bccb4a449..846776bc4 100644
--- a/src/App/AppLayout.svelte
+++ b/src/App/AppLayout.svelte
@@ -10,8 +10,12 @@
     flex-direction: column;
     height: 100%;
   }
+  .header {
+    border-bottom: 1px solid var(--color-fill-separator);
+  }
   .content {
     height: 100%;
+    overflow-y: scroll;
   }
   @media (max-width: 720px) {
     .app {
@@ -26,7 +30,7 @@
 </style>
 
 <div class="app">
-  <div class="global-hide-on-mobile">
+  <div class="global-hide-on-mobile header">
     <Header />
   </div>
   <div class="content">