From 39d6213e4fe3f5c8db16ca8ca3cb997917e38e29 Mon Sep 17 00:00:00 2001
From: Spythere <spythere@protonmail.com>
Date: Sun, 10 Dec 2023 14:58:19 +0100
Subject: [PATCH] poprawki designu

---
 src/components/TableActions.vue | 22 ++++++++++++++++++----
 1 file changed, 18 insertions(+), 4 deletions(-)

diff --git a/src/components/TableActions.vue b/src/components/TableActions.vue
index 698ed36..2931be6 100644
--- a/src/components/TableActions.vue
+++ b/src/components/TableActions.vue
@@ -50,7 +50,7 @@
 
     <div class="pane">
       Pokazuj maks.
-      <input type="number" min="1" v-model="store.maxVisibleResults" style="width: 50px" />
+      <input type="number" min="1" v-model="store.maxVisibleResults" style="width: 3em; margin: 0 0.5em" />
       wyników
     </div>
 
@@ -65,7 +65,8 @@
     </div>
 
     <div class="changelog" v-if="changelogVisible">
-      <div>Changelog:</div>
+      <h3>Changelog:</h3>
+      <hr color="white" />
 
       <div v-html="changelog || 'brak zmian'"></div>
     </div>
@@ -349,8 +350,17 @@ label.notify {
   }
 }
 .changelog {
-  height: 200px;
-  overflow: auto;
+  position: relative;
+
+  div {
+    height: 200px;
+
+    overflow: auto;
+  }
+
+  h3 {
+    margin: 0;
+  }
 }
 
 @media screen and (max-width: 550px) {
@@ -358,5 +368,9 @@ label.notify {
     justify-content: center;
     text-align: center;
   }
+
+  .changelog h3 {
+    text-align: center;
+  }
 }
 </style>