From dc0cef536cc36c3f9684574bf874fb81ccea5102 Mon Sep 17 00:00:00 2001
From: Justin Soto <justinsoto2424@gmail.com>
Date: Sun, 20 Oct 2024 17:35:44 -0400
Subject: [PATCH] #212 - updated sizing for components

---
 .../landing-page-header.component.css         | 31 +++----------------
 .../landing-page-header.component.html        | 12 ++++---
 2 files changed, 12 insertions(+), 31 deletions(-)

diff --git a/angular-client/src/pages/landing-page/components/landing-page-header/landing-page-header.component.css b/angular-client/src/pages/landing-page/components/landing-page-header/landing-page-header.component.css
index 016f7046..e8028365 100644
--- a/angular-client/src/pages/landing-page/components/landing-page-header/landing-page-header.component.css
+++ b/angular-client/src/pages/landing-page/components/landing-page-header/landing-page-header.component.css
@@ -1,28 +1,7 @@
-.image-container {
-  /* background-image: url(../../assets/images/NERO.jpeg); */
-  background-size: cover;
-  background-position: center;
-  height: 100%;
-}
-
-.overlay-div {
-  background-color: rgba(255, 255, 255, 0.5);
-  height: 100%;
-  padding-top: 16px;
-  padding-left: 16px;
-  padding-right: 16px;
-}
-
-.thermometer-container {
+.header-bar-container {
   display: flex;
-  justify-content: center;
+  justify-content: flex-end;
   align-items: center;
-  height: 200px;
-  width: 75px;
-}
-
-@media screen and (max-width: 800px) {
-  .container-div {
-    background-attachment: fixed;
-  }
-}
+  flex-grow: 1;
+  gap: 20px;
+}
\ No newline at end of file
diff --git a/angular-client/src/pages/landing-page/components/landing-page-header/landing-page-header.component.html b/angular-client/src/pages/landing-page/components/landing-page-header/landing-page-header.component.html
index 11072f0f..d50b6218 100644
--- a/angular-client/src/pages/landing-page/components/landing-page-header/landing-page-header.component.html
+++ b/angular-client/src/pages/landing-page/components/landing-page-header/landing-page-header.component.html
@@ -1,7 +1,9 @@
-<hstack style="width: 100">
+<hstack style="width: 100%">
   <typography variant="xx-large-title" [content]="time | date: 'HH:mm:ss'" additionalStyles="width: 36%" />
-  <landing-page-date-location style="height: 95px; width: 16%" />
-  <landing-page-connection-display style="height: 95px; width: 16%" />
-  <landing-page-current-run-display style="height: 95px; width: 16%" />
-  <landing-page-viewer-display style="height: 95px; width: 16%" />
+  <div class="header-bar-container" style="width: 64%">
+    <landing-page-date-location style="height: 95px; width: 25%" />
+    <landing-page-connection-display style="height: 95px; width: 25%" />
+    <landing-page-current-run-display style="height: 95px; width: 25%" />
+    <landing-page-viewer-display style="height: 95px; width: 25%" />
+  </div>
 </hstack>