improve project view table (#2441)

assets/sass/app.scss

@@ -28,3 +28,4 @@
 @import 'reporting';
 @import 'forms';
 @import 'modal';
+@import 'progressbar';

assets/sass/content.scss

@@ -80,4 +80,8 @@ th.w-min,
 td.w-min {
     width: 1%;
     white-space: nowrap;
+}
+table.dataTable thead > tr > th.hw-min {
+    width: 1%;
+    white-space: normal;
 }

assets/sass/datatable.scss

@@ -158,6 +158,7 @@ table.dataTable thead .sorting_desc_disabled:before {
 }
 
 table.dataTable thead > tr > th {
+    vertical-align: top;
     white-space: nowrap;
 }
 

assets/sass/progressbar.scss

@@ -0,0 +1,20 @@
+/*
+    make sure that the progressbar title does not wrap and does not need to be embedded in a container with white-space: nowrap
+    used for example in the project-overview report
+*/
+.progress-group {
+    .progress-title {
+        width: 100%;
+        white-space: nowrap;
+        .progress-text {
+            display: inline-block;
+            width: 1%;
+        }
+        .progress-number {
+            display: inline-block;
+            width: 98%;
+            text-align: right;
+            float: none;
+        }
+    }
+}