From 541906b55793562fb3b49ba4df5d250c1c17bb14 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Sun, 21 Aug 2022 15:11:39 +0200
Subject: [PATCH] =?UTF-8?q?Poprawki=20responsywno=C5=9Bci=20uk=C5=82adu=20?=
 =?UTF-8?q?strony?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/App.vue                          | 2 +-
 src/components/InputsSection.vue     | 1 -
 src/components/ListSection.vue       | 7 ++-----
 src/components/LogoSection.vue       | 3 +++
 src/components/TrainImageSection.vue | 1 +
 5 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/src/App.vue b/src/App.vue
index 8f1747a..c308458 100644
--- a/src/App.vue
+++ b/src/App.vue
@@ -186,7 +186,7 @@ footer {
   }
 
   #app {
-    font-size: calc(0.75vw + 0.6rem);
+    font-size: calc(0.75vw + 0.7rem);
   }
 
   header {
diff --git a/src/components/InputsSection.vue b/src/components/InputsSection.vue
index a53c810..d47053c 100644
--- a/src/components/InputsSection.vue
+++ b/src/components/InputsSection.vue
@@ -362,4 +362,3 @@ export default defineComponent({
   }
 }
 </style>
-
diff --git a/src/components/ListSection.vue b/src/components/ListSection.vue
index fb10c00..1c44464 100644
--- a/src/components/ListSection.vue
+++ b/src/components/ListSection.vue
@@ -503,8 +503,7 @@ ul {
 
   overflow: auto;
 
-  height: 50vh;
-  min-height: 500px;
+  height: 70vh;
   margin-top: 1em;
 }
 
@@ -512,6 +511,7 @@ ul > li {
   display: flex;
   align-items: center;
   justify-content: space-between;
+  min-width: 500px;
 
   margin: 0.25em 0;
 
@@ -601,9 +601,6 @@ li > .stock-info {
   ul {
     min-height: auto;
   }
-  li > .stock-info {
-    font-size: 0.9em;
-  }
 }
 </style>
 
diff --git a/src/components/LogoSection.vue b/src/components/LogoSection.vue
index db252cd..89627e1 100644
--- a/src/components/LogoSection.vue
+++ b/src/components/LogoSection.vue
@@ -25,6 +25,9 @@ export default {
 
 img {
   width: 25em;
+  @media screen and (max-width: 400px) {
+    width: 20em;
+  }
 }
 </style>
 
diff --git a/src/components/TrainImageSection.vue b/src/components/TrainImageSection.vue
index 1d8e748..4f28ec3 100644
--- a/src/components/TrainImageSection.vue
+++ b/src/components/TrainImageSection.vue
@@ -116,6 +116,7 @@ export default defineComponent({
   grid-column: 1;
 
   margin-top: 2em;
+  height: 290px;
 }
 
 .train-image {