Rozszerzone opcje filtrów dzienników

src/styles/JournalSection.scss

@@ -18,6 +18,13 @@
 
 //Styles
 
+.list_wrapper {
+  overflow-y: scroll;
+  height: 90vh;
+
+  padding-right: 0.2em;
+}
+
 .journal_wrapper {
   max-width: 1350px;
   width: 100%;
@@ -42,7 +49,7 @@
 .journal_warning {
   background: #202020;
   padding: 1em;
-  margin: 1em 0;
+  margin-bottom: 1em;
 }
 
 .journal_top-bar {

src/styles/global.scss

@@ -50,11 +50,13 @@ body {
   height: 1rem;
 
   &-track {
-    background-color: #222;
+    border-radius: 0.5em;
   }
 
   &-thumb {
-    background-color: #777;
+    border-radius: 0.5em;
+
+    background-color: #1b1b1b;
   }
 }
 
@@ -113,7 +115,6 @@ select {
 }
 
 input {
-  border: 1px solid white;
   background: none;
   color: white;
   font-size: 1em;
@@ -190,6 +191,16 @@ ul {
   }
 }
 
+button {
+  cursor: pointer;
+
+  color: white;
+  background-color: #333;
+
+  border-radius: 0.25em;
+  padding: 0.25em 0.5em;
+}
+
 .btn {
   background: none;
   cursor: pointer;

src/styles/search_box.scss

@@ -33,6 +33,12 @@
     }
   }
 
+  &-button {
+    width: 80%;
+    max-width: 300px;
+
+  }
+
   @include smallScreen {
     &-box,
     &-button {
@@ -42,10 +48,5 @@
     &-box {
       width: 100%;
     }
-
-    &-button {
-      width: 80%;
-      max-width: 300px;
-    }
   }
 }