Make constance table look a little better

dtcooper · Sep 21, 2024 · 6d814fc · 6d814fc
1 parent 56f341b
commit 6d814fc
Show file tree

Hide file tree

Showing 2 changed files with 13 additions and 15 deletions.
diff --git a/server/tomato/settings.py b/server/tomato/settings.py
@@ -246,6 +246,7 @@ def validate_reset_times(values):
 CONSTANCE_BACKEND = "constance.backends.database.DatabaseBackend"
 CONSTANCE_SUPERUSER_ONLY = False
 CONSTANCE_IGNORE_ADMIN_VERSION_CHECK = True
+_style_full_width = {"style": "width: calc(100% - 5px)"}
 CONSTANCE_ADDITIONAL_FIELDS = {
     "ui_modes": (
         "django.forms.MultipleChoiceField",
@@ -278,16 +279,7 @@ def validate_reset_times(values):
         {
             "max_length": 50,
             "widget": "django.forms.TextInput",
-            "widget_kwargs": {"attrs": {"size": 40}},
-            "required": True,
-        },
-    ),
-    "shorter_text": (
-        "django.forms.CharField",
-        {
-            "max_length": 20,
-            "widget": "django.forms.TextInput",
-            "widget_kwargs": {"attrs": {"size": 16}},
+            "widget_kwargs": {"attrs": _style_full_width},
             "required": True,
         },
     ),
@@ -311,7 +303,7 @@ def validate_reset_times(values):
         "django.forms.CharField",
         {
             "widget": "django.forms.Textarea",
-            "widget_kwargs": {"attrs": {"rows": 8, "cols": 8}},
+            "widget_kwargs": {"attrs": {"rows": 8, **_style_full_width}},
             "validators": (validate_reset_times,),
         },
     ),
@@ -328,6 +320,7 @@ def validate_reset_times(values):
         {"choices": (("", "Off"), ("12h", "12 Hour"), ("24h", "24 Hour")), "required": False},
     ),
 }
+del _style_full_width
 
 CONSTANCE_CONFIG = {
     "STATION_NAME": ("Tomato Radio Automation", "The name of your station.", "short_text"),

diff --git a/server/tomato/templates/admin/constance/change_list.html b/server/tomato/templates/admin/constance/change_list.html
@@ -4,10 +4,15 @@
   {{ block.super }}
 
   <style>
-    /* Prevent weird yellow highlighting due to checkbox selected */
-    #changelist table tbody tr {
-      background-color: #ffffff !important;
-    }
+    {% with widths='50 20 20 10' %}
+      {% for width in widths.split %}
+      #changelist table th:nth-child({{ forloop.counter }}),
+      #changelist table td:nth-child({{ forloop.counter }}) {
+        width: {{ width }}% !important;
+        max-width: {{ width }}% !important;
+      }
+      {% endfor %}
+    {% endwith %}
   </style>
 
   <script>