imporve chart style

activities/www/index.sql

@@ -12,6 +12,45 @@ SET ":title" = 'Activities';
 SELECT 'shell' AS component
 , 'dark' AS theme
 , :title AS title
+, 'fluid' AS layout
+;
+
+SELECT 'text' AS component
+, '<style>
+.card > .card-body:has(.card-body > .d-flex + .chart) {
+    margin-top: 0 !important;
+    padding: 0;
+}
+.card > .card-body:has(.card-body > .d-flex + .chart) > .card-title {
+    position: absolute;
+    z-index: 99;
+    margin: 0;
+    padding: 0 10px;
+}
+.card > .card-body:has(> .d-flex + .chart) {
+    padding: 0;
+}
+.card > .card-body > .d-flex {
+    height: 0;
+}
+.col:has(+ .col .apexcharts-legend-text) .card > .card-body:has(> .d-flex + .chart) {
+    max-height: 80px;
+}
+.apexcharts-yaxis {
+    display: none;
+}
+//.col:has(+ .col .apexcharts-legend-text) .apexcharts-xaxis-texts-g {
+//    /* height: 0; // modifying the height alters the chart size */
+//    visibility: hidden;
+//}
+.col:has(+ .col .apexcharts-legend-text) .apexcharts-legend {
+    /* height: 0; // modifying the height alters the chart size */
+    visibility: hidden;
+}
+/*.col:last-child .apexcharts-legend {
+    height: inherit;
+}*/
+</style>' AS html
 ;
 
 SELECT 'form' AS component