Fix admin raw_id_fields appearance.

fabiocaccamo · Dec 28, 2023 · 5405a87 · 5405a87
1 parent ea44a74
commit 5405a87
Showing 1 changed file with 16 additions and 0 deletions.
diff --git a/admin_interface/static/admin_interface/css/widgets.css b/admin_interface/static/admin_interface/css/widgets.css
@@ -2,6 +2,8 @@
 .admin-interface .flex-container {
     width: 100%;
 }
+
+/* fix flex container for boolean fields */
 .admin-interface .flex-container.checkbox-row {
     align-items: center;
 }
@@ -12,6 +14,20 @@
 }
 /* end-fix */
 
+/* fix flex container for related-lookup (raw_id_fields) */
+.admin-interface .flex-container:has(.vForeignKeyRawIdAdminField) {
+    align-items: center;
+}
+
+.admin-interface .flex-container:has(.vForeignKeyRawIdAdminField) .related-lookup {
+    margin-left: 12px;
+}
+
+.admin-interface .flex-container:has(.vForeignKeyRawIdAdminField) .related-lookup + * {
+    margin-left: 8px;
+}
+/* end-fix */
+
 /* fixed time widget header border radius */
 .admin-interface .clockbox.module h2 {
     border-bottom-left-radius: 0;