From b45bb31fecd9c0251a9914923c680c1e9d3a3529 Mon Sep 17 00:00:00 2001
From: Niklas <198754647+BlankAccountsUsername@users.noreply.github.com>
Date: Fri, 20 Jun 2025 17:20:46 +0200
Subject: [PATCH] fix Header import in App.tsx, make header with z index on top

---
 code/frontend/src/App.tsx               | 2 +-
 code/frontend/src/components/header.css | 9 +++++----
 2 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/code/frontend/src/App.tsx b/code/frontend/src/App.tsx
index 1c190d7..3273e5e 100644
--- a/code/frontend/src/App.tsx
+++ b/code/frontend/src/App.tsx
@@ -4,7 +4,7 @@ import "./styles/fonts.css";
 import "./styles/sizes.css";
 import LoginAndSignUpPage from "./pages/LoginAndSignUpPage";
 import Footer from "./components/Footer";
-import Header from "./components/header";
+import Header from "./components/Header";
 import Profile from "./pages/Profile";
 import { BrowserRouter as Router, Routes, Route } from "react-router-dom";
 import { Auth } from "./api/Auth";
diff --git a/code/frontend/src/components/header.css b/code/frontend/src/components/header.css
index 0f81114..b47e37a 100644
--- a/code/frontend/src/components/header.css
+++ b/code/frontend/src/components/header.css
@@ -1,10 +1,11 @@
 .outest-container {
-  display: grid;
-  grid-template-rows: auto auto;
-  grid-template-columns: 1fr; /* 1 Spalte */
-  align-content: end;
+  display: flex;
+  flex-direction: row;
+  justify-content: baseline;
+  z-index: 1000000;
 }
 .base-header {
+  z-index: 10;
   width: 100vw;
   display: flex;
   height: var(--header-height);