filter statistic layout

resources/css/filament/admin/theme.css

@@ -79,24 +79,35 @@ button[wire\:click="resetTableFiltersForm"] {
 
 /* Styling Radio Lable */
 
-.fi-fo-radio {
-    @apply !grid grid-cols-3 gap-y-2 mb-2
+.radio-monitor-group {
+    @apply !grid grid-cols-3 gap-y-2 m-0 p-0
+}
+
+.radio-statistic-group {
+    @apply !grid grid-cols-2 m-0 p-0
 }
 
 .fi-fo-radio-label {
-    @apply p-2 border border-slate-200 dark dark:border-slate-600 shadow rounded-md cursor-pointer has-checked: bg-blue-50 has-checked:text-blue-900 dark:has-checked:bg-blue-950 dark:has-checked:text-blue-200
+    @apply m-0 px-2 py-1 border border-gray-200 dark:border-gray-700 shadow rounded-lg cursor-pointer
 }
 
-
-.fi-sc-component .fi-wi-stats-overview-stat {
-    @apply bg-green-50 dark:bg-green-900 border border-green-300 dark:border-green-700
+input[type="radio"].fi-radio-input {
+    @apply bg-none border-0
 }
 
-/* #mapper_right .fi-dropdown-list-item,
-#mapper_left .fi-dropdown-list-item {
-    padding: 2px;
+input[type="radio"].fi-radio-input {
+    &:checked {
+        @apply bg-none bg-blue-500 dark:bg-blue-600 border-0
+    }
 }
+
+/*
+ Green Stat Widgets
 */
+.fi-sc-component .fi-wi-stats-overview-stat {
+    @apply bg-green-50 dark:bg-green-900 border border-green-300 dark:border-green-700 p-3
+}
+
 /*
 widget space to top menu
 */