fix: reduce card-body padding and compress owner column on mobile

- card-body padding: 16px -> 8px on mobile
- owner-td: max-width 110px, select+button stack vertically, font 11px
- Remove d-inline w-auto from owner select (was preventing compression)

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
Your Name
2026-05-19 14:56:58 +03:00
parent 062d6de913
commit ec6088904c
2 changed files with 27 additions and 4 deletions

View File

@@ -5,7 +5,7 @@
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>АСУ Инвентаризация</title>
<link rel="stylesheet" href="/app/bootstrap.min.css" />
<link rel="stylesheet" href="/app/styles.css?v=2" />
<link rel="stylesheet" href="/app/styles.css?v=3" />
</head>
<body>
<header class="no-print">
@@ -195,13 +195,13 @@
<td class="rasp">{{ it.raspologenie ?? '' }}</td>
<td class="no-print">{{ it.kolichestvo ?? '' }}</td>
<td class="no-print">{{ it.type?.name ?? '' }}</td>
<td class="no-print">
<td class="no-print owner-td">
<template v-if="canEdit">
<select class="form-select form-select-sm d-inline w-auto" v-model="it.selectedOwnerId">
<select class="form-select form-select-sm" v-model="it.selectedOwnerId">
<option value="">— нет —</option>
<option v-for="ow in owners" :key="ow.id" :value="ow.id">{{ ow.name }}</option>
</select>
<button class="btn btn-sm btn-outline-primary ms-2" @click="saveOwner(it)">Сохранить</button>
<button class="btn btn-sm btn-outline-primary" @click="saveOwner(it)">Сохранить</button>
</template>
<template v-else>
{{ it.owner?.name ?? '' }}