From b3246b5b12d4eb2b674717facc7de1910d2a9144 Mon Sep 17 00:00:00 2001
From: Tristan Slater <1631008+trslater@users.noreply.github.com>
Date: Mon, 10 Jun 2024 12:57:04 -0700
Subject: [PATCH] Fix sticky board header

- Make top fixed at 0
- Place in front
- Give white background
- Push down column headers to make room
---
 alcs-frontend/src/app/features/board/board.component.scss      | 3 +++
 .../app/shared/drag-drop-board/drag-drop-board.component.scss  | 2 +-
 2 files changed, 4 insertions(+), 1 deletion(-)

diff --git a/alcs-frontend/src/app/features/board/board.component.scss b/alcs-frontend/src/app/features/board/board.component.scss
index 5a49703177..eebc077058 100644
--- a/alcs-frontend/src/app/features/board/board.component.scss
+++ b/alcs-frontend/src/app/features/board/board.component.scss
@@ -9,11 +9,14 @@
 
 .board-header {
   display: flex;
+  background-color: white;
   justify-content: space-between;
   align-items: center;
   padding: 24px 80px 12px 76px;
   position: sticky;
   left: 0;
+  top: 0;
+  z-index: 1000;
 }
 
 .board-content {
diff --git a/alcs-frontend/src/app/shared/drag-drop-board/drag-drop-board.component.scss b/alcs-frontend/src/app/shared/drag-drop-board/drag-drop-board.component.scss
index a0316208a2..2f1ab09483 100644
--- a/alcs-frontend/src/app/shared/drag-drop-board/drag-drop-board.component.scss
+++ b/alcs-frontend/src/app/shared/drag-drop-board/drag-drop-board.component.scss
@@ -21,7 +21,7 @@
   justify-content: center;
   margin: 0 -2px 8px;
   position: sticky;
-  top: 0;
+  top: 84px;
   text-align: center;
   z-index: 1000;
 }