diff --git a/web/newWebsite/questions-dashboard.html b/web/newWebsite/questions-dashboard.html
index 3594c6b..5ce5f66 100644
--- a/web/newWebsite/questions-dashboard.html
+++ b/web/newWebsite/questions-dashboard.html
@@ -30,21 +30,26 @@
+
Question 1: How clean are the toilets?
-
+
+
Question 2: How clean is the study area?
-
+
+
Question 3: What do you think of the temperature in the study area?
-
+
+
Question 4: How crowded would you say the study area is?
-
+
+
Question 5: Is there enough help available on the 5th floor?
-
+
diff --git a/web/newWebsite/styles/questions-dashboard-styles.css b/web/newWebsite/styles/questions-dashboard-styles.css
index 48fdf87..b336bc0 100644
--- a/web/newWebsite/styles/questions-dashboard-styles.css
+++ b/web/newWebsite/styles/questions-dashboard-styles.css
@@ -4,6 +4,7 @@
}
body {
+ flex-direction: row;
padding-top: 5vw;
display: flex;
background-color: #dbd7d7;
@@ -42,16 +43,27 @@
}
#data-container {
- width: 80%;
- margin: 0 auto;
padding: 20px;
background-color: #f5f5f5;
border: 1px solid #ccc;
}
.chart-container {
- width: 400px;
- margin: 50px auto;
+ justify-content: center;
+ align-self: start;
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+ width: 100%;
+}
+
+.chart {
+ width: 30%;
+ margin: 20px;
+ padding: 20px;
+ background-color: #dbd7d7;
+ border: 3px solid #000;
+ border-radius: 30px;
}
canvas {
margin-bottom: 20px;