Overview Ui tweaks

UniversityOfHelsinkiCS · Oct 3, 2024 · d7e5f32 · d7e5f32
1 parent 36f43f2
commit d7e5f32
Show file tree

Hide file tree

Showing 2 changed files with 15 additions and 7 deletions.
diff --git a/...components/FacultyMonitoringView/FacultyMonitoringOverview/FacultyMonitoringOverview.scss b/...components/FacultyMonitoringView/FacultyMonitoringOverview/FacultyMonitoringOverview.scss
@@ -16,19 +16,26 @@
 }
 
 .monitoring-overview {
+  width: 100%;
+
   .monitoring-table {
     border-collapse: separate;
     border-spacing: 0;
     width: 100%;
   }
 
   .table-header-cell {
-    padding: 15px;
+    padding: 8px !important;
     margin-top: 10px !important;
     text-align: left;
-    white-space: normal;
+    min-width: 7vw;
+    max-width: 7vw;
     word-wrap: break-word;
-    vertical-align: top !important;
+    .faculty-header {
+      vertical-align: top !important;
+      font-size: 13px;
+      width: 100%;
+    }
   }
 
   .pie-chart-cell,
@@ -54,8 +61,9 @@
   .accordion-header {
     cursor: pointer;
     margin: 15px 0 !important;
-    width: 100%;
-    vertical-align: middle !important;
+    width: 210px;
+    overflow: visible;
+    word-wrap: break-word;
     &:hover {
       text-decoration: underline;
     }

diff --git a/client/components/FacultyMonitoringView/FacultyMonitoringOverview/MonitoringOverview.js b/client/components/FacultyMonitoringView/FacultyMonitoringOverview/MonitoringOverview.js
@@ -196,7 +196,7 @@ const MonitoringOverview = ({ t, lang, faculties }) => {
         {
           title: t('empty'),
           value: colors.emptyAnswer.value || 0,
-          color: 'white',
+          color: '#fafbfb',
         },
       ]
 
@@ -267,7 +267,7 @@ const MonitoringOverview = ({ t, lang, faculties }) => {
               .sort((a, b) => a.text.localeCompare(b.text))
               .map(faculty => (
                 <TableHeaderCell key={faculty.key} className="table-header-cell">
-                  <Link to={`/faculty-monitoring/${faculty.key}`}>
+                  <Link className="faculty-header" to={`/faculty-monitoring/${faculty.key}`}>
                     {faculty.text} {faculty.key}
                   </Link>
                 </TableHeaderCell>