chore(views): adjusted viewport heights and scrolls

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>

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;

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;

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;