Don't let Weapon combobox weapon names wrap

app/features/build-analyzer/routes/analyzer.tsx

@@ -176,7 +176,7 @@ export default function BuildAnalyzerPage() {
                     newMainWeaponId: Number(opt.value) as MainWeaponId,
                   })
                 }
-                className="w-full-important"
+                fullWidth
                 clearsInputOnFocus
               />
             </div>

app/features/object-damage-calculator/calculator.css

@@ -10,6 +10,10 @@
   gap: var(--s-5);
 }
 
+.object-damage__selects__weapon {
+  width: 16rem;
+}
+
 .object-damage__ability {
   position: absolute;
 }

app/features/object-damage-calculator/routes/object-damage-calculator.tsx

@@ -71,7 +71,7 @@ export default function ObjectDamagePage() {
     <Main className="stack lg">
       <div className="object-damage__controls">
         <div className="object-damage__selects">
-          <div>
+          <div className="object-damage__selects__weapon">
             <Label htmlFor="weapon">{t("analyzer:labels.weapon")}</Label>
             <WeaponCombobox
               id="weapon"
@@ -83,7 +83,7 @@ export default function ObjectDamagePage() {
                   newMainWeaponId: Number(opt.value) as MainWeaponId,
                 })
               }
-              className="w-full-important"
+              fullWidth
               clearsInputOnFocus
             />
           </div>

app/routes/u.$identifier/builds/new.tsx

@@ -188,7 +188,7 @@ export default function NewBuildPage() {
   const { t } = useTranslation();
 
   return (
-    <div className="half-width">
+    <div className="half-width u__build-form">
       <Form className="stack md items-start" method="post">
         {buildToEdit && (
           <input type="hidden" name="buildToEditId" value={buildToEdit.id} />

app/styles/common.css

@@ -166,7 +166,7 @@ textarea:not(.plain, [name="text"]):focus-within {
 }
 
 input:not(.plain, [type="radio"]) {
-  width: 12rem;
+  width: var(--input-width, 12rem);
 }
 
 input:not(.plain) {
@@ -543,7 +543,7 @@ dialog::backdrop {
 }
 
 .combobox-input {
-  width: 12rem;
+  width: var(--input-width, 12rem);
 }
 
 .combobox-input.fullWidth {
@@ -553,7 +553,7 @@ dialog::backdrop {
 .combobox-options {
   position: absolute;
   z-index: 2;
-  width: 12rem;
+  width: var(--input-width, 12rem);
   border-radius: var(--rounded);
   margin-top: var(--s-2);
   background-color: var(--bg-darker);

app/styles/plus.css

@@ -83,7 +83,7 @@
 }
 
 .plus__modal-textarea {
-  width: 100%;
+  width: 100% !important;
   resize: none;
 }
 

app/styles/u.css

@@ -226,3 +226,7 @@
   border-radius: 100%;
   background-color: var(--bg-lighter);
 }
+
+.u__build-form {
+  --input-width: min(18rem, 75vw);
+}