CSS tweaks.

Author: evoluteur

TODO.md

@@ -11,7 +11,7 @@
 - Plug UI library - thinking mantine...
 - search
 - filters
-- Add "conform" models (saved filters, handpicked sets, dashboards...)
+- Add "confort" models & views (saved filters, handpicked sets, dashboards...)
 - WIP: Add Activity feature + View
 - WIP: Add Summary view
 - Every field type can also be an array of values of that type
@@ -20,30 +20,30 @@
 - Add Groups (handpicked lists)
 - Choice of UX pattern: Drawer / navigation / dual pane
 - translate in other languages (/src/i18n/XX.js)
-- In code, use functions rather than classes for components
+- In code, use functions rather then classes for components (in views)
 - Add checkboxes for selection to the List and Cards views
 - Add "Compare" view for side-by-side comparaison and averages
 - Add "Kanban" view w/ drag & drop
-- Add Kaggle style table view
 - Dependent fields
 - Integrate Designer inside each views
 - plug RTKQuery or TanStack Query (=> caching)
 - Add checkboxes for selection to the List and Cards views
 - Add filtering for List and Card views (and later for Groups)
 - Add "Clone" action
+- CSS for print
+- Theme Dark/Light, Comfortable/Compact
 - Better 404 page
 - Option for Drawer rather than navigation
 - Drawer for editing metadata
 - Add User settings & preferences (move most of config.js there)
 - a pluggin system for new Field Types or Views
 - upgrade components to use functions rather than classes
 - Add sorting for Cards
-- CSS for print
-- Theme Dark/Light, Comfortable/Compact
 - Tooltip style Confirmation on delete.
 - Warning when leaving page w/ unsaved changes.
 - pluggins for FieldTypes
 - pluggins for views
+- Add Kaggle style table view
 - routes overriding mechanism for custom build views
 - json-schema to Evolutility models script
 - CI/CD pipelines on GitHub

src/components/shell/TopBar.scss

@@ -14,6 +14,9 @@
     position: absolute;
     right: 10px;
     top: 10px;
+    @media (max-width: 600px) {
+      display: none;
+    }
   }
   > .views {
     top: 2px;

src/components/views/charts/Charts.scss

@@ -21,7 +21,7 @@
   &.size-large {
     width: 100%;
     .i-chart {
-      height: 600px;
+      height: 500px;
     }
     /*
 		@media only screen and (max-width: 700px) {

src/components/views/comfort/Activity.scss

@@ -1,10 +1,17 @@
 .evol-activity {
-  > div > div {
-    display: inline-block;
-    margin-left: 10px;
-    color: silver;
-  }
-  .visits{
-    color: grey;
+  > div {
+    display: flex;
+    > a {
+      min-width: 220px;
+    }
+    > div {
+      display: inline-block;
+      margin-left: 20px;
+      color: silver;
+      &.visits{
+        color: grey;
+        min-width: 70px;
+      }
+    }
   }
 }