added new timesheet rules for improved UX on small screens (#5)

CHANGELOG.md

@@ -0,0 +1,10 @@
+# Changelog
+
+## 0.4 
+
+- Added new rules:
+  - `timesheet` / `responsive-timesheet`
+  - `timesheet` / `wrap-label-timesheet`
+- Styling update in admin screen
+
+Compatible with Kimai 0.9

Resources/ruleset/timesheet/responsive.css

@@ -0,0 +1,7 @@
+/*  this allows horizontal scrolling on the timesheet tables on small screens or for
+    entries with long names for customer/project/activity or descriptions */
+#datatable_timesheet_admin .dataTables_wrapper,
+#datatable_timesheet .dataTables_wrapper {
+    overflow-x: auto;
+    min-height: .01%;
+}

Resources/ruleset/timesheet/wrap-label.css

@@ -0,0 +1,8 @@
+/*  this rule allows that the labels for customer/project/activity in the timesheet tables wrap (line-break)
+    and do not take up too much horizontal space on small screens (or on very long titles) */
+#datatable_timesheet_admin table.dataTable td .label,
+#datatable_timesheet table.dataTable td .label {
+    white-space: pre-wrap;
+    line-height: 2;
+    padding: .3em .3em;
+}