From 95af8128777bcecaa29b8a649e1f8db0022dbfca Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Thu, 27 Jan 2022 15:08:50 +0100
Subject: [PATCH] =?UTF-8?q?Dodano=20dodatkowe=20mo=C5=BCliwo=C5=9Bci=20zam?=
 =?UTF-8?q?kni=C4=99cia=20karty=20rozk=C5=82adu=20jazdy?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/TrainsView/TrainInfo.vue          |  2 ++
 src/components/TrainsView/TrainTable.vue         |  4 ++--
 src/components/TrainsView/TrainTimetableCard.vue | 10 +++++-----
 src/styles/card.scss                             |  4 ++--
 4 files changed, 11 insertions(+), 9 deletions(-)

diff --git a/src/components/TrainsView/TrainInfo.vue b/src/components/TrainsView/TrainInfo.vue
index 5ca0099..278111d 100644
--- a/src/components/TrainsView/TrainInfo.vue
+++ b/src/components/TrainsView/TrainInfo.vue
@@ -284,6 +284,8 @@ export default defineComponent({
   &.extended-view {
     grid-template-columns: repeat(auto-fit, minmax(20em, 1fr));
     grid-template-rows: 1fr;
+
+    margin-top: 0.5em;
   }
 
   &.simple-view {
diff --git a/src/components/TrainsView/TrainTable.vue b/src/components/TrainsView/TrainTable.vue
index cca3296..f847b60 100644
--- a/src/components/TrainsView/TrainTable.vue
+++ b/src/components/TrainsView/TrainTable.vue
@@ -1,5 +1,5 @@
 <template>
-  <div class="train-table">
+  <div class="train-table" @keydown.esc="closeTimetableCard">
     <transition name="anim" mode="out-in">
       <div :key="timetableLoaded">
         <div class="traffic-warning" v-if="distanceLimitExceeded">
@@ -36,7 +36,7 @@
 </template>
 
 <script lang="ts">
-import { Component, computed, ComputedRef, defineComponent, inject, Ref, ref, watch } from '@vue/runtime-core';
+import { computed, ComputedRef, defineComponent, inject, Ref } from '@vue/runtime-core';
 import { useStore } from '@/store';
 
 import defaultVehicleIconsJSON from '@/data/defaultVehicleIcons.json';
diff --git a/src/components/TrainsView/TrainTimetableCard.vue b/src/components/TrainsView/TrainTimetableCard.vue
index ee3a86e..53da526 100644
--- a/src/components/TrainsView/TrainTimetableCard.vue
+++ b/src/components/TrainsView/TrainTimetableCard.vue
@@ -1,10 +1,11 @@
 <template>
   <div class="bg-dimmer" @click="close"></div>
   <section class="train-timetable-card card">
-
+    <div class="card-exit" @click="close" @keydown.enter="close" tabindex="0">
+      <img :src="icons.exit" alt="icon-exit" />
+    </div>
 
     <train-info :train="train" />
-
     <train-schedule :followingStops="train.timetableData?.followingStops" ref="card-inner" tabindex="0" @focus="test" />
   </section>
 </template>
@@ -40,9 +41,8 @@ export default defineComponent({
     },
 
     test() {
-      console.log("xd");
-      
-    }
+      console.log('xd');
+    },
   },
 });
 </script>
diff --git a/src/styles/card.scss b/src/styles/card.scss
index c2d3a5e..aa8cbdc 100644
--- a/src/styles/card.scss
+++ b/src/styles/card.scss
@@ -29,10 +29,10 @@
     position: absolute;
     top: 0;
     right: 0;
-    margin: 0.3em 0em;
+    margin: 0.5em 0.5em;
 
     img {
-      width: 1.6em;
+      width: 2em;
     }
 
     cursor: pointer;