fix: improve field card density and icon styling

Author: ManukMinasyan

resources/views/livewire/manage-custom-field-section.blade.php

@@ -10,6 +10,8 @@
                 <x-filament::icon-button
                         icon="heroicon-m-bars-4"
                         color="gray"
+                        class="text-gray-500"
+                        size="xs"
                         x-sortable-handle
                 />
 
@@ -30,7 +32,7 @@
             x-sortable-group="fields"
             data-section-id="{{ $section->id }}"
             default="12"
-            class="fi-sc  fi-sc-has-gap fi-grid lg:fi-grid-cols"
+            class="fi-sc  fi-sc-has-gap fi-sc-dense fi-grid lg:fi-grid-cols"
             style="--cols-lg: repeat(12, minmax(0, 12fr)); --cols-default: repeat(2, minmax(0, 1fr));"
             @end.stop="$wire.updateFieldsOrder($event.to.getAttribute('data-section-id'), $event.to.sortable.toArray())"
     >

resources/views/livewire/manage-custom-field.blade.php

@@ -10,11 +10,13 @@ class="fi-section !px-2 fi-compact !py-2 shadow-none fi-grid-col flex justify-be
         <x-filament::icon-button
                 icon="heroicon-m-bars-3"
                 color="gray"
+                class="ml-0.5 text-gray-500"
+                size="xs"
         />
 
         <x-filament::icon
                 :icon="$field->typeData?->icon ?? 'heroicon-o-document-text'"
-                class="h-5 w-5 text-gray-500 dark:text-gray-400"
+                class="h-4.5 w-4.5 text-neutral-700 dark:text-neutral-400 ml-2"
                 :aria-label="$field->name"
         />
 

resources/views/livewire/manage-fields-without-sections.blade.php

@@ -3,7 +3,7 @@
         <div
             x-sortable
             x-sortable-group="fields"
-            class="fi-sc fi-sc-has-gap fi-grid lg:fi-grid-cols"
+            class="fi-sc fi-sc-has-gap fi-sc-dense fi-grid lg:fi-grid-cols"
             style="--cols-lg: repeat(12, minmax(0, 12fr)); --cols-default: repeat(2, minmax(0, 1fr));"
             @end.stop="$wire.updateFieldsOrder($event.to.sortable.toArray())"
         >