From 5405a877c3d8e2b3507efb0603c901eeb12ea138 Mon Sep 17 00:00:00 2001
From: Fabio Caccamo <fabio.caccamo@gmail.com>
Date: Thu, 28 Dec 2023 18:05:24 +0100
Subject: [PATCH] Fix admin `raw_id_fields` appearance.

---
 .../static/admin_interface/css/widgets.css       | 16 ++++++++++++++++
 1 file changed, 16 insertions(+)

diff --git a/admin_interface/static/admin_interface/css/widgets.css b/admin_interface/static/admin_interface/css/widgets.css
index b76916c..4b976e1 100644
--- 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;