diff --git a/web/newWebsite/styles/dashboard-styles.css b/web/newWebsite/styles/dashboard-styles.css index 35fa91c..c0fbab1 100644 --- a/web/newWebsite/styles/dashboard-styles.css +++ b/web/newWebsite/styles/dashboard-styles.css @@ -46,9 +46,8 @@ body { justify-content: center; margin: 0; margin-top: 8vh; - background-color: #f0f0f0; flex-direction: column; - background-color: #afafaf; + background-color: #bfbfbf; align-items: center; } @@ -59,11 +58,11 @@ body { display: flex; flex-direction: column; /* Keep as column */ justify-content: flex-start; - background-color: #333; + background-color: #9f9f9f; color: #fff; padding: 10px; border-radius: 50px; - border: 2px solid #333; + border: 2px solid #CC2936; clear: both; margin-bottom: 10px; position: relative; @@ -99,7 +98,6 @@ body { text-align: center; position: relative; padding-top: 3vh; /* Increase bottom padding */ - } .gaugeContainer { @@ -119,7 +117,7 @@ body { .gaugeImage { width: 100%; height: auto; - max-height: 120%; + max-height: 140%; object-fit: contain; position: absolute; /* Make the image position absolute */ top: 0; @@ -187,7 +185,8 @@ body { } .navbar { - background-color: #333; + background-color: #bfbfbf; + border-bottom: 2px solid #CC2936; height: 60px; display: flex; align-items: center;