common/input.css

@@ -174,7 +174,7 @@ label {
   @apply dark:text-slate-500;
 }
 
-[type="text"], [type="password"], [type="datetime-local"], [type="datetime"], [type="date"], [type="number"], select, textarea {
+[type="text"], [type="datetime-local"], [type="datetime"], [type="date"], [type="number"], select, textarea {
   @apply dark:bg-slate-600 dark:text-slate-300;
 }
 

games/forms.py

@@ -11,7 +11,7 @@ custom_datetime_widget = forms.DateTimeInput(
 autofocus_input_widget = forms.TextInput(attrs={"autofocus": "autofocus"})
 
 
-class GameChoiceField(forms.ModelMultipleChoiceField):
+class GameChoiceField(forms.ModelChoiceField):
     def label_from_instance(self, obj) -> str:
         return f"{obj.sort_name} ({obj.platform}, {obj.year_released})"
 

games/static/base.css

@@ -1596,14 +1596,18 @@ input:checked + .toggle-bg {
   max-width: 24rem;
 }
 
-.max-w-xl {
-  max-width: 36rem;
-}
-
 .max-w-xs {
   max-width: 20rem;
 }
 
+.max-w-full {
+  max-width: 100%;
+}
+
+.max-w-xl {
+  max-width: 36rem;
+}
+
 .flex-1 {
   flex: 1 1 0%;
 }
@@ -2610,7 +2614,7 @@ label:is(.dark *) {
   color: rgb(100 116 139 / var(--tw-text-opacity));
 }
 
-[type="text"]:is(.dark *), [type="password"]:is(.dark *), [type="datetime-local"]:is(.dark *), [type="datetime"]:is(.dark *), [type="date"]:is(.dark *), [type="number"]:is(.dark *), select:is(.dark *), textarea:is(.dark *) {
+[type="text"]:is(.dark *), [type="datetime-local"]:is(.dark *), [type="datetime"]:is(.dark *), [type="date"]:is(.dark *), [type="number"]:is(.dark *), select:is(.dark *), textarea:is(.dark *) {
   --tw-bg-opacity: 1;
   background-color: rgb(71 85 105 / var(--tw-bg-opacity));
   --tw-text-opacity: 1;