Ред пост 12 add flex

2025-10-12 21:23:51 +03:00
parent e8dd53a4e9
commit 2411391d18
1 changed files with 37 additions and 30 deletions
@@ -60,6 +60,13 @@
        .form-control, .form-select {
            margin-left: 0 !important;
        }
+        /* Тонкое регулирование ширины для заголовков */
+        .label-narrow {
+            flex: 0 0 120px; /* Фиксированная ширина 120px */
+        }
+        .field-wide {
+            flex: 1; /* Занимает оставшееся место */
+        }
    </style>
 </head>
 <body>
@@ -77,11 +84,11 @@
                    <input type="hidden" id="post-id" value="{{ post_id if post_id else '' }}">

                    <!-- Заголовок и поле Название в одну строку -->
-                    <div class="row mb-3">
-                        <div class="col-md-1">
+                    <div class="d-flex align-items-center mb-3">
+                        <div class="label-narrow">
                            <label for="shortname" class="form-label">Название:</label>
                        </div>
-                        <div class="col-md-11">
+                        <div class="field-wide">
                            <input type="text" class="form-control" id="shortname" maxlength="100">
                        </div>
                    </div>