From aeab278836bc56d23216a95c660fb16424eb6b50 Mon Sep 17 00:00:00 2001
From: Mats Johansen <mats.johansen@dkfz-heidelberg.de>
Date: Fri, 22 Sep 2023 17:50:24 +0200
Subject: [PATCH] fix(style): whole app visible, searchbar overlaps wrapper

---
 src/app/app.component.css       | 2 +-
 src/app/main/main.component.css | 2 ++
 2 files changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/app/app.component.css b/src/app/app.component.css
index a27618e..8ceac7f 100644
--- a/src/app/app.component.css
+++ b/src/app/app.component.css
@@ -18,7 +18,7 @@
   display: grid;
   /* Angulars Router Outlet is an anchor for inserting components. It will stay, even if component is inserted */
   grid-template-rows: auto 0 1fr auto;
-  grid-gap: .3rem;
+
   height: 100vh;
 }
 
diff --git a/src/app/main/main.component.css b/src/app/main/main.component.css
index c19ea62..c0e896a 100644
--- a/src/app/main/main.component.css
+++ b/src/app/main/main.component.css
@@ -5,6 +5,7 @@
   overflow: hidden;
   width: 80vw;
   margin: 100px auto 20px;
+  height: calc(100vh - 300px);
 }
 
 div {
@@ -34,6 +35,7 @@ div > div {
   background: #27326b;
   border: 1px solid #dee2e6;
   border-radius: 4px;
+  overflow: unset;
 }