Merge branch 'main' of gitlab.fdmci.hva.nl:propedeuse-hbo-ict/onderwijs/2023-2024/out-a-se-ti/blok-3/qaajeeqiinii59

web/newWebsite/styles/dashboard-styles.css

@@ -55,9 +55,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;
 
 }
@@ -68,11 +67,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;
@@ -108,7 +107,6 @@ body {
     text-align: center;
     position: relative;
     padding-top: 3vh; /* Increase bottom padding */
-
 }
 
 .gaugeContainer {
@@ -128,7 +126,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;
@@ -196,7 +194,8 @@ body {
 }
 
 .navbar {
-    background-color: #333;
+    background-color: #bfbfbf;
+    border-bottom: 2px solid #CC2936;
     height: 60px;
     display: flex;
     align-items: center;

web/newWebsite/styles/graph-styles.css

@@ -46,11 +46,12 @@ body {
   display: flex;
   flex-direction: row;
   align-items: center;
-  border: 2px solid #ccc;
+  align-self: center;
+  border: 3px solid #ccc;
   border-radius: 10px;
   margin: 20px;
   padding: 20px;
-  width: 90;
+  width: 95%;
   box-sizing: border-box;
 }
 
@@ -108,9 +109,20 @@ body {
 }
 
 .js-plotly-plot {
-  align-self: center;
-  width: 95%;
+  width: 100%;
   height: 100%;
-  margin: 10px;
+  align-self: center center;
 }
 /* Additional styling as needed */
+
+.graphBody {
+  display: flex;
+  padding: 10px;
+  border: 3px solid #ccc;
+  border-radius: 10px;
+  justify-content: center;
+  width: 95%;
+  height: 100%;
+  align-content: center;
+  align-self: center;
+}

web/newWebsite/styles/questions-dashboard-styles.css

@@ -65,6 +65,7 @@
   border: 3px solid #000;
   border-radius: 30px;
 }
+
 canvas {
   margin-bottom: 20px;
 }