адаптация

Co-authored-by: Copilot <copilot@github.com>

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"
       >
         Выгрузить