From 36aa7ed907b593de6908670fbb0937af504f9826 Mon Sep 17 00:00:00 2001
From: Adam French <adam.a.french@outlook.com>
Date: Fri, 13 Mar 2026 15:47:43 +0000
Subject: [PATCH] Fix overextending flexbox & abandon ship on flex-1 approach,
 and probably should just use fixed height for parent container

---
 nginx/vue/src/components/util/Chat.vue |  2 +-
 nginx/vue/src/views/home/Home.vue      | 10 +++++-----
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/nginx/vue/src/components/util/Chat.vue b/nginx/vue/src/components/util/Chat.vue
index 4a00762..509f705 100644
--- a/nginx/vue/src/components/util/Chat.vue
+++ b/nginx/vue/src/components/util/Chat.vue
@@ -80,7 +80,7 @@ onUnmounted(() => {
 </script>
 
 <template>
-    <div class="flex-1 flex-col flex">
+    <div class="flex-col flex">
         <Header>Chat</Header>
         <div class="flex-col flex flex-1">
             <div
diff --git a/nginx/vue/src/views/home/Home.vue b/nginx/vue/src/views/home/Home.vue
index 1d39bbd..29e3825 100644
--- a/nginx/vue/src/views/home/Home.vue
+++ b/nginx/vue/src/views/home/Home.vue
@@ -26,12 +26,12 @@ import Consumption from "./Consumption.vue";
     <main class="halftone justify-center flex flex-row w-full h-full">
         <div class="outerWrap h-fit flex flex-row">
             <div
-                class="sidebar flex-1 flex flex-col m-10 w-60 gap-2 place-content-between"
+                class="sidebar place-content-between flex-1 flex flex-col m-10 w-60 gap-2"
             >
                 <div
-                    class="flex flex-col background-children border-children flex-1 gap-2"
+                    class="flex flex-col background-children border-children gap-2"
                 >
-                    <Chat class="flex-1" />
+                    <Chat class="h-306 overflow-y-scroll" />
                 </div>
                 <div>
                     <Miku class="border-tertiary border bg-bg_secondary" />
@@ -57,12 +57,12 @@ import Consumption from "./Consumption.vue";
                 class="sidebar place-content-between flex-1 flex flex-col m-10 w-60 gap-2"
             >
                 <div
-                    class="flex flex-col background-children border-children flex-1 gap-2"
+                    class="flex flex-col background-children border-children gap-2"
                 >
                     <Time />
                     <Timer />
                     <Radio />
-                    <CommitHistory class="flex-1 overflow-y-scroll" />
+                    <CommitHistory class="h-120 overflow-y-scroll" />
 
                     <!-- <Elle class="flex-1" /> -->
                     <!-- <MusicPlayer /> -->