From c7d2128bd9a9c3846e6e81777d570f5fce99f794 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Tue, 17 Mar 2026 22:05:40 +0100
Subject: [PATCH] fix(options): dropdown responsiveness

---
 src/components/JournalView/JournalOptions.vue | 28 ++++++++++++-------
 src/styles/_dropdown-filters.scss             |  2 +-
 src/styles/_dropdown.scss                     |  7 -----
 3 files changed, 19 insertions(+), 18 deletions(-)

diff --git a/src/components/JournalView/JournalOptions.vue b/src/components/JournalView/JournalOptions.vue
index dcfcf96..2440b76 100644
--- a/src/components/JournalView/JournalOptions.vue
+++ b/src/components/JournalView/JournalOptions.vue
@@ -120,15 +120,15 @@
               </div>
             </section>
           </div>
+        </div>
 
-          <div class="options_actions">
-            <button class="btn--action" @click="onResetButtonClick">
-              {{ $t('options.reset-button') }}
-            </button>
-            <button class="btn--action" @click="onSearchButtonConfirm">
-              {{ $t('options.search-button') }}
-            </button>
-          </div>
+        <div class="options_actions">
+          <button class="btn--action" @click="onResetButtonClick">
+            {{ $t('options.reset-button') }}
+          </button>
+          <button class="btn--action" @click="onSearchButtonConfirm">
+            {{ $t('options.search-button') }}
+          </button>
         </div>
       </div>
     </transition>
@@ -330,8 +330,16 @@ export default defineComponent({
 <style lang="scss" scoped>
 @use '../../styles/dropdown';
 @use '../../styles/dropdown-filters';
+@use '../../styles/responsive';
 
-.filters-options > .dropdown_wrapper {
-  max-height: calc(100vh - 18.5em);
+.dropdown_wrapper {
+  display: grid;
+  grid-template-rows: 1fr auto;
+  overflow: hidden;
+  max-height: 530px;
+}
+
+.options_content {
+  overflow: auto;
 }
 </style>
diff --git a/src/styles/_dropdown-filters.scss b/src/styles/_dropdown-filters.scss
index 8234875..6bcbb4f 100644
--- a/src/styles/_dropdown-filters.scss
+++ b/src/styles/_dropdown-filters.scss
@@ -78,7 +78,7 @@ h1.option-title {
   display: flex;
   gap: 0.5em;
   width: 100%;
-  margin-top: 1em;
+  margin-top: 0.5em;
 
   button {
     width: 100%;
diff --git a/src/styles/_dropdown.scss b/src/styles/_dropdown.scss
index 9e75477..3199222 100644
--- a/src/styles/_dropdown.scss
+++ b/src/styles/_dropdown.scss
@@ -40,10 +40,3 @@
   padding: 1em;
   z-index: 100;
 }
-
-@include responsive.smallScreen {
-  .dropdown_wrapper {
-    font-size: 1.1em;
-    max-width: 100%;
-  }
-}