From eda5adfd79fe9c9d2656b0fcba09409a0945e388 Mon Sep 17 00:00:00 2001
From: Chris Heinz <chrisi.heinz@web.de>
Date: Sat, 13 Jul 2024 16:50:31 +0200
Subject: [PATCH 1/2] replace vh with dvh

---
 src/app/(main)/layout.module.css                | 1 +
 src/app/share/[...shareId]/SharePage.module.css | 1 +
 src/components/layout/Page.module.css           | 1 +
 3 files changed, 3 insertions(+)

diff --git a/src/app/(main)/layout.module.css b/src/app/(main)/layout.module.css
index 58c1cacf..290c38a2 100644
--- a/src/app/(main)/layout.module.css
+++ b/src/app/(main)/layout.module.css
@@ -17,5 +17,6 @@
   grid-row: 2 / 3;
   min-height: 0;
   height: calc(100vh - 60px);
+  height: calc(100dvh - 60px);
   overflow-y: auto;
 }
diff --git a/src/app/share/[...shareId]/SharePage.module.css b/src/app/share/[...shareId]/SharePage.module.css
index d985435c..f6c68cf6 100644
--- a/src/app/share/[...shareId]/SharePage.module.css
+++ b/src/app/share/[...shareId]/SharePage.module.css
@@ -1,4 +1,5 @@
 .container {
   flex: 1;
   min-height: calc(100vh - 200px);
+  min-height: calc(100dvh - 200px);
 }
diff --git a/src/components/layout/Page.module.css b/src/components/layout/Page.module.css
index 52893157..3b9a4581 100644
--- a/src/components/layout/Page.module.css
+++ b/src/components/layout/Page.module.css
@@ -8,4 +8,5 @@
   margin: 0 auto;
   padding: 0 20px;
   min-height: calc(100vh - 60px);
+  min-height: calc(100dvh - 60px);
 }

From 4f113bc3ac67b136190098f68820e7be08257578 Mon Sep 17 00:00:00 2001
From: Chris Heinz <chrisi.heinz@web.de>
Date: Sun, 14 Jul 2024 12:16:52 +0200
Subject: [PATCH 2/2] fix website header wrapping and height

---
 .../(main)/websites/[websiteId]/WebsiteHeader.module.css | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/app/(main)/websites/[websiteId]/WebsiteHeader.module.css b/src/app/(main)/websites/[websiteId]/WebsiteHeader.module.css
index 3e58c8a3..90c3f5cb 100644
--- a/src/app/(main)/websites/[websiteId]/WebsiteHeader.module.css
+++ b/src/app/(main)/websites/[websiteId]/WebsiteHeader.module.css
@@ -1,7 +1,9 @@
 .header {
-  display: grid;
-  grid-template-columns: 1fr max-content;
+  display: flex;
+  gap: 10px;
   align-items: center;
+  flex-wrap: wrap;
+  padding: 20px 0px;
 }
 
 .title {
@@ -12,7 +14,7 @@
   font-size: 24px;
   font-weight: 700;
   overflow: hidden;
-  height: 100px;
+  height: 60px;
 }
 
 .actions {
@@ -22,6 +24,7 @@
   justify-content: flex-end;
   gap: 30px;
   min-height: 0;
+  margin-left: auto;
 }
 
 .selected {