Dokończony widok pociągów, zmiany w wyglądzie

src/components/states/Loading.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="loading">Pobieranie danych o sceneriach...</div>
+  <div class="loading">Stój, pobieranie danych...</div>
 </template>
 
 <script lang="ts">

src/components/ui/List.vue

@@ -297,7 +297,6 @@ export default class List extends styleMixin {
 }
 
 .list-body {
-  max-height: calc(100vh - 4.5em);
   overflow: auto;
   display: flex;
   flex-direction: column;

src/components/ui/OptionCard.vue

@@ -46,8 +46,9 @@
       </div>
     </div>
 
-    <div class="card-reset flex">
+    <div class="card-actions flex">
       <button class="button" @click="reset">RESET FILTRÓW</button>
+      <button class="button" @click="exit">ZAMKNIJ FILTRY</button>
     </div>
   </section>
 </template>
@@ -74,7 +75,7 @@ export default class OptionCard extends Vue {
 
     this.setFilter({
       filterName: target.name,
-      value: !target.checked
+      value: !target.checked,
     });
   }
 
@@ -83,16 +84,16 @@ export default class OptionCard extends Vue {
 
     this.setFilter({
       filterName: target.name,
-      value: parseInt(target.value)
+      value: parseInt(target.value),
     });
   }
 
   reset(): void {
-    this.inputs.options.forEach(option => {
+    this.inputs.options.forEach((option) => {
       option.value = option.defaultValue;
     });
 
-    this.inputs.sliders.forEach(slider => {
+    this.inputs.sliders.forEach((slider) => {
       slider.value = slider.defaultValue;
     });
 
@@ -168,8 +169,12 @@ export default class OptionCard extends Vue {
     margin-top: 1em;
   }
 
-  &-reset {
+  &-actions {
     margin-top: 0.7em;
+
+    button {
+      margin: 0 0.3em;
+    }
   }
 }