From 71826ee76fc008b87b78cf07bbc00caf07f62fcc Mon Sep 17 00:00:00 2001
From: Sam Hos <sam.hos@hva.nl>
Date: Fri, 29 Mar 2024 12:49:26 +0100
Subject: [PATCH] styling

---
 web/newWebsite/styles/dashboard-styles.css | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/web/newWebsite/styles/dashboard-styles.css b/web/newWebsite/styles/dashboard-styles.css
index b83d7ca..d3049cb 100644
--- a/web/newWebsite/styles/dashboard-styles.css
+++ b/web/newWebsite/styles/dashboard-styles.css
@@ -63,7 +63,7 @@ body {
     border-radius: 10px;
     text-align: center;
     position: relative;
-    padding-bottom: 6vh; /* Increase bottom padding */
+    padding-top: 3vh; /* Increase bottom padding */
 
 }
 
@@ -82,7 +82,7 @@ body {
 .gaugeImage {
     width: 100%;
     height: auto;
-    max-height: 200%;
+    max-height: 120%;
     object-fit: contain;
     position: absolute; /* Make the image position absolute */
     top: 0;
@@ -105,7 +105,7 @@ body {
     font-size: 1.4vw;
     z-index: 2;
     position: absolute;
-    bottom: -3.2vw; /* Adjust this value to move the text further down */
+    top: -1.4vw; /* Adjust this value to move the text further down */
 
 }
 
@@ -122,10 +122,10 @@ body {
 
 .needle {
     position: absolute;
-    bottom: -40%; /* Lower the needle to the bottom */
+    bottom: -10%; /* Lower the needle to the bottom */
     left: 50%;
     width: 2px;
-    height: 110%;
+    height: 100%;
     background-color: black;
     transform-origin: bottom;
     z-index: 3; /* Make the needle display above the image */