v1.1.2 Pole ilości: klawiatura numeryczna i mniejsza szerokość

Pole ilości na liście zakupów przyjmuje teraz tylko cyfry i otwiera
na telefonie klawiaturę numeryczną (inputMode=numeric) zamiast
zwykłej. Pole ilości jest też wyraźnie węższe niż pole nazwy
produktu (wcześniej rosło do tej samej szerokości przez konflikt
reguł CSS).

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

frontend/src/components/ShoppingListItemRow.jsx

@@ -40,10 +40,12 @@ export default function ShoppingListItemRow({ item, listId }) {
           />
           <input
             type="text"
+            inputMode="numeric"
+            pattern="[0-9]*"
             className="shopping-item-qty-input"
             placeholder={t('shoppingListDetail.quantityPlaceholder')}
             value={quantity}
-            onChange={(e) => setQuantity(e.target.value)}
+            onChange={(e) => setQuantity(e.target.value.replace(/\D/g, ''))}
             onBlur={saveEdit}
             onKeyDown={(e) => e.key === 'Enter' && saveEdit()}
           />

frontend/src/pages/ShoppingListDetail.jsx

@@ -75,10 +75,12 @@ export default function ShoppingListDetail() {
         />
         <input
           type="text"
+          inputMode="numeric"
+          pattern="[0-9]*"
           className="shopping-item-qty-input"
           placeholder={t('shoppingListDetail.quantityPlaceholder')}
           value={itemQuantity}
-          onChange={(e) => setItemQuantity(e.target.value)}
+          onChange={(e) => setItemQuantity(e.target.value.replace(/\D/g, ''))}
         />
         <button type="submit" className="btn-primary" disabled={createItem.isPending || !itemName.trim()}>
           <Icon name="add" />

frontend/src/styles.css

@@ -778,6 +778,7 @@ input, select, button, textarea { font-family: inherit; font-size: 1rem; color:
   color: var(--text);
 }
 .shopping-add-list-form button, .shopping-add-item-form button { flex-shrink: 0; }
+.shopping-add-item-form .shopping-item-qty-input { flex: 0 0 64px; }
 .shopping-list-card {
   display: flex;
   align-items: center;
@@ -835,4 +836,4 @@ input, select, button, textarea { font-family: inherit; font-size: 1rem; color:
   color: var(--text);
 }
 .shopping-item-edit input:first-child { flex: 1; }
-.shopping-item-qty-input { width: 72px; flex-shrink: 0; }
+.shopping-item-qty-input { width: 64px; flex-shrink: 0; }