From 7f01ad1a280ea265fa0e451e3a3dc1e12b7bb99d Mon Sep 17 00:00:00 2001
From: mbecker20 <becker.maxh@gmail.com>
Date: Mon, 18 Apr 2022 22:27:18 -0700
Subject: [PATCH] improve log height when log doesnt fill whole height

---
 frontend/src/components/deployment/tabs/log/Log.tsx         | 6 +++---
 frontend/src/components/deployment/tabs/log/log.module.scss | 1 +
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/frontend/src/components/deployment/tabs/log/Log.tsx b/frontend/src/components/deployment/tabs/log/Log.tsx
index 4ac8e2d3e..52f220d36 100644
--- a/frontend/src/components/deployment/tabs/log/Log.tsx
+++ b/frontend/src/components/deployment/tabs/log/Log.tsx
@@ -58,11 +58,11 @@ const Log: Component<{
   const buffer = useBuffer(scrolled, 250);
   return (
     <Show when={p.log}>
-      <Grid gap="0.5rem">
+      <Grid gap="0.5rem" style={{ height: "100%", "grid-template-rows": "auto 1fr" }}>
         <Flex
           alignItems="center"
           justifyContent="flex-end"
-          style={{ margin: "0rem 0.5rem" }}
+          style={{ margin: "0rem 0.5rem", height: "fit-content" }}
         >
           lines:
           <Selector
@@ -100,7 +100,7 @@ const Log: Component<{
             <Icon type="refresh" />
           </button>
         </Flex>
-        <div style={{ position: "relative" }}>
+        <div style={{ position: "relative", height: "100%" }}>
           <div
             class={combineClasses(s.LogContainer, "scroller")}
             ref={ref}
diff --git a/frontend/src/components/deployment/tabs/log/log.module.scss b/frontend/src/components/deployment/tabs/log/log.module.scss
index e37dc07d9..ffa8b9a23 100644
--- a/frontend/src/components/deployment/tabs/log/log.module.scss
+++ b/frontend/src/components/deployment/tabs/log/log.module.scss
@@ -2,6 +2,7 @@
 
 .LogContainer {
 	max-height: 75vh;
+  height: 100%;
 	margin: 0.5rem;
   margin-top: 0rem;
 	background-color: rgba(c.$darkgrey, 0.6);