Add styling to media dropdown

could not get select-bordered to work no matter what i did.
I tried to add the class to a random html element so tailwindcss
would detect it and add it to the css file, but it still didnt work.
input-bordered seems to be working fine tho 🤷

src/argus/htmx/destination/forms.py

@@ -20,6 +20,9 @@ class Meta:
         labels = {
             "label": "Name",
         }
+        widgets = {
+            "media": forms.Select(attrs={"class": "select input-bordered w-full max-w-xs"}),
+        }
 
     def clean(self):
         super().clean()

src/argus/htmx/templates/htmx/destination/_create_form.html

@@ -9,7 +9,11 @@
         <div class="label">
           <span class="label-text">{{ field.label }}</span>
         </div>
-        <div class="input input-bordered flex items-center gap-2">{{ field }}</div>
+        {% if field.name == "media" %}
+          {{ field }}
+        {% else %}
+          <div class="input input-bordered flex items-center gap-2">{{ field }}</div>
+        {% endif %}
         <div class="label">
           <span class="label-text-alt min-h-4">
             {% if field.errors %}<p class="text-error">{{ field.errors }}</p>{% endif %}