chore(dropdown): improved dropdown relative elements and alignment

src/components/JournalView/JournalOptions.vue

@@ -338,9 +338,15 @@ export default defineComponent({
   overflow: hidden;
   max-height: calc(100% - 4.5em);
   top: 3.5em;
+  padding: 1em 0;
 }
 
 .options_content {
   overflow: auto;
+  padding: 0 1em;
+}
+
+.options_actions {
+  padding: 0 1em;
 }
 </style>

src/components/JournalView/JournalStats.vue

@@ -69,5 +69,6 @@ function navigateToProfile() {
   left: auto;
   right: 0;
   max-width: 700px;
+  top: 3.5em;
 }
 </style>

src/components/StationsView/StationStats.vue

@@ -278,6 +278,10 @@ export default defineComponent({
   color: #ccc;
 }
 
+.dropdown_wrapper {
+  top: 2.5em;
+}
+
 @include responsive.smallScreen {
   .stats-title {
     text-align: center;

src/components/TrainsView/TrainStats.vue

@@ -250,9 +250,10 @@ h3 {
 
 .dropdown_wrapper {
   max-width: 600px;
+  top: 2.5em;
 }
 
-@include responsive.smallScreen{
+@include responsive.smallScreen {
   .no-data {
     text-align: center;
   }

src/styles/_dropdown-filters.scss

@@ -78,7 +78,7 @@ h1.option-title {
   display: flex;
   gap: 0.5em;
   width: 100%;
-  margin-top: 0.5em;
+  margin-top: 1em;
 
   button {
     width: 100%;

src/styles/_search-box.scss

@@ -15,7 +15,6 @@
     gap: 0.25em;
 
     min-width: 200px;
-    margin-right: 0.25em;
   }
 
   &-input {
@@ -61,4 +60,4 @@
   top: 50%;
   transform: translateY(-50%);
   padding-right: 0.5em;
-}
+}

src/views/TrainsView.vue

@@ -116,13 +116,10 @@ export default defineComponent({
 <style lang="scss" scoped>
 @use '../styles/responsive';
 
-.trains-view {
-  position: relative;
-}
-
 .trains_wrapper {
   margin: 1rem auto;
   max-width: var(--max-container-width);
+  position: relative;
 }
 
 .trains_topbar {