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;