From 65c1ab809f0c7a15ffcaf3bfbfc5a336e4167f7c Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Mon, 23 Feb 2026 22:03:49 +0100
Subject: [PATCH] chore(views): adjusted viewport heights and scrolls

---
 src/components/JournalView/JournalOptions.vue | 9 +++++++--
 src/components/StationsView/StationTable.vue  | 2 +-
 src/components/TrainsView/TrainTable.vue      | 2 +-
 src/styles/_journal-section.scss              | 4 ++--
 4 files changed, 11 insertions(+), 6 deletions(-)

diff --git a/src/components/JournalView/JournalOptions.vue b/src/components/JournalView/JournalOptions.vue
index 3a77abb..d2631c8 100644
--- a/src/components/JournalView/JournalOptions.vue
+++ b/src/components/JournalView/JournalOptions.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="filters-options dropdown" @keydown.esc="showOptions = false">
+  <div class="dropdown filters-options" @keydown.esc="showOptions = false">
     <div class="dropdown_background" v-if="showOptions" @click="showOptions = false"></div>
 
     <div class="actions-bar">
@@ -57,7 +57,7 @@
                 <label v-if="propName == 'search-date-from'" for="search-date">{{
                   $t(`options.search-${optionsType}-date`)
                 }}</label>
-                
+
                 <div class="search-box">
                   <input
                     class="search-input"
@@ -330,4 +330,9 @@ export default defineComponent({
 <style lang="scss" scoped>
 @use '../../styles/dropdown';
 @use '../../styles/dropdown-filters';
+
+.filters-options > .dropdown_wrapper {
+  height: calc(100vh - 19em);
+  min-height: 500px;
+}
 </style>
diff --git a/src/components/StationsView/StationTable.vue b/src/components/StationsView/StationTable.vue
index 055bc0e..a400a1c 100644
--- a/src/components/StationsView/StationTable.vue
+++ b/src/components/StationsView/StationTable.vue
@@ -445,7 +445,7 @@ export default defineComponent({
 $rowCol: #424242;
 
 .station_table {
-  height: calc(100vh - 11em);
+  height: calc(100vh - 17em);
   max-height: 2000px;
   min-height: 500px;
   overflow: auto;
diff --git a/src/components/TrainsView/TrainTable.vue b/src/components/TrainsView/TrainTable.vue
index 6413b3c..28f3cfb 100644
--- a/src/components/TrainsView/TrainTable.vue
+++ b/src/components/TrainsView/TrainTable.vue
@@ -97,7 +97,7 @@ export default defineComponent({
 @use '../../styles/animations';
 
 .train-table {
-  height: calc(100vh - 11em);
+  height: calc(100vh - 17em);
   min-height: 500px;
 
   position: relative;
diff --git a/src/styles/_journal-section.scss b/src/styles/_journal-section.scss
index cffb516..f809b29 100644
--- a/src/styles/_journal-section.scss
+++ b/src/styles/_journal-section.scss
@@ -11,8 +11,8 @@
 
 .list_wrapper {
   overflow-y: auto;
-  height: calc(100vh - 12.5em);
-  min-height: 700px;
+  height: calc(100vh - 21em);
+  min-height: 500px;
   margin-top: 0.5em;
   position: relative;