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 */