From 2f40be294b3129f847c776fc75ffc1becafb47c6 Mon Sep 17 00:00:00 2001
From: Senad Uka <senaduka@gmail.com>
Date: Sun, 7 May 2023 19:21:01 +0200
Subject: [PATCH] sticky header

---
 frontend/src/assets/app.css | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/frontend/src/assets/app.css b/frontend/src/assets/app.css
index f0379ed..b6ef8da 100644
--- a/frontend/src/assets/app.css
+++ b/frontend/src/assets/app.css
@@ -22,9 +22,12 @@
 }
 
 #header {
+    /* make header fixed to top when the content bellow starts scrolling */
+  position: sticky;
+    top: 0;
+    z-index: 1;
   display: flex;
   flex-direction: row;
-  position: relative;
   border-bottom: lightgray 1px solid;
   height: 2.5rem;
   alignment-baseline: center;