Migration complete

resources/css/components/database.css

@@ -259,6 +259,10 @@
         flex-direction: column;
     }
 
+    .database-wrapper {
+        flex-direction: column;
+    }
+
     .database-filters {
         width: 100%;
         display: grid;
@@ -275,19 +279,63 @@
     }
 }
 
+@media (max-width: 768px) {
+    .database-search {
+        gap: 8px;
+        margin-bottom: 15px;
+        flex-wrap: wrap;
+    }
+
+    .database-wrapper {
+        flex-direction: column;
+        gap: 15px;
+    }
+
+    .database-filters {
+        width: 100%;
+        grid-template-columns: 1fr;
+        order: -1;
+        margin-bottom: 10px;
+    }
+
+    .database-filter-group {
+        padding: 12px 0;
+    }
+
+    .grid-entries {
+        grid-template-columns: repeat(3, 1fr);
+        gap: 15px;
+    }
+}
+
 @media (max-width: 600px) {
+    .database-search {
+        flex-direction: column;
+    }
+
     .database-filters {
         grid-template-columns: 1fr;
     }
 
     .grid-entries {
         grid-template-columns: repeat(2, 1fr);
+        gap: 12px;
+    }
+
+    .database-filter-group {
+        padding: 10px 0;
     }
 }
 
 @media (max-width: 420px) {
     .grid-entries {
         grid-template-columns: 1fr;
+        gap: 10px;
+    }
+
+    .database-search input {
+        font-size: 0.85rem;
+        padding: 6px 8px;
     }
 }