poprawki designu

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>