From e61634e3968cc0f09cec9dc16e5486a3308b445d Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=D0=98=D0=B3=D0=BE=D1=80=D1=8C=20=D0=91=D0=B0=D0=BD=D0=B4?=
 =?UTF-8?q?=D1=83=D1=80=D0=B8=D1=81=D1=82?= <morpex1698@mail.ru>
Date: Sat, 2 May 2026 00:10:36 +1000
Subject: [PATCH] =?UTF-8?q?=D0=B0=D0=B4=D0=B0=D0=BF=D1=82=D0=B0=D1=86?=
 =?UTF-8?q?=D0=B8=D1=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: Copilot <copilot@github.com>
---
 .../Settings_section/Setings_downloads.vue    | 20 +++++++++----------
 1 file changed, 9 insertions(+), 11 deletions(-)

diff --git a/src/components/Settings_section/Setings_downloads.vue b/src/components/Settings_section/Setings_downloads.vue
index 941089a..8b1d71d 100644
--- a/src/components/Settings_section/Setings_downloads.vue
+++ b/src/components/Settings_section/Setings_downloads.vue
@@ -4,19 +4,17 @@
   >
     <div class="flex flex-wrap items-center gap-2 w-full justify-between">
       <!-- Поля ввода дат в одной строке -->
-      <div class="flex items-center gap-2 flex-grow max-w-130">
-        <span class="dark:text-neutral-300 whitespace-nowrap">с</span>
-
-        <DatePicker v-model="data_start" />
-
-        <span class="dark:text-neutral-300 whitespace-nowrap">по</span>
-
-        <DatePicker v-model="data_finish" />
-
+      <div class="flex flex-col lg:flex-row items-center gap-2 flex-grow">
+        <div class="flex items-center gap-2 w-full lg:w-auto">
+          <span class="dark:text-neutral-300 whitespace-nowrap">с</span>
+          <DatePicker v-model="data_start" />
+          <span class="dark:text-neutral-300 whitespace-nowrap">по</span>
+          <DatePicker v-model="data_finish" />
+        </div>
         <select
           v-model="selectedFilter"
           @change="onfilterItems($event.target.value)"
-          class="dark:bg-gray-900 border-slate-100 shadow rounded-xl h-12 p-3 mt-3 md:mt-0 md:ml-4"
+          class="dark:bg-gray-900 border-slate-100 shadow rounded-xl h-12 p-3 mt-3 lg:mt-0 lg:ml-4 w-full lg:w-auto flex-shrink-0 "
         >
           <option value="status">Избранные</option>
           <option value="tematik">Тематическая</option>
@@ -28,7 +26,7 @@
 
       <!-- Кнопка выгрузки -->
       <button
-        class="dark:bg-orange-500 hover:dark:bg-orange-600 shadow text-white bg-sky-700 hover:bg-sky-900 rounded-xl px-2 min-h-11 cursor-pointer w-full sm:w-auto sm:min-w-40 flex-shrink-0"
+        class="dark:bg-orange-500 hover:dark:bg-orange-600 shadow text-white bg-sky-700 hover:bg-sky-900 rounded-xl px-2 min-h-11 cursor-pointer w-full lg:w-auto md:min-w-40 flex-shrink-0"
         @click="downloadAll"
       >
         Выгрузить