zmiana wyglądu statystyk dzienników

src/styles/JournalSection.scss

@@ -53,9 +53,7 @@
   justify-content: space-between;
   align-items: center;
   gap: 0.5em;
-
   position: relative;
-  margin-bottom: 0.5em;
 }
 
 .btn--load-data {

src/styles/JournalStats.scss

@@ -2,24 +2,30 @@
 @import 'responsive.scss';
 
 .stats-tab {
+  position: absolute;
+  right: 0;
+  z-index: 99;
+
+  transform: translateY(1em);
+
+  width: 100%;
+
   background-color: #1a1a1a;
   box-shadow: 0 0 5px 1px $accentCol;
 
   padding: 1em;
   display: flex;
   align-items: flex-end;
+}
 
-  margin-bottom: 0.5em;
-
-  width: 100%;
+hr.header-separator {
+  margin-bottom: 1em;
 }
 
 .info-stats {
   display: flex;
   flex-wrap: wrap;
   gap: 0.5em;
-
-  margin-top: 1em;
 }
 
 .stat-badge {

src/styles/dropdown.scss

@@ -30,7 +30,8 @@
   top: calc(100% + 0.5em);
 
   background-color: $bgCol;
-  box-shadow: 0 5px 10px 2px #0f0f0f;
+  // box-shadow: 0 5px 10px 2px #0f0f0f;
+  box-shadow: 0 0 5px 1px $accentCol;
 
   width: 100%;
   max-width: 550px;

src/styles/dropdown_filters.scss

@@ -5,11 +5,6 @@
 .actions-bar {
   display: flex;
   gap: 0.5em;
-  margin-bottom: 0.5em;
-}
-
-.filters-options {
-  position: relative;
 }
 
 h1.option-title {

src/styles/global.scss

@@ -11,7 +11,7 @@
   --clr-skr: #ff5100;
   --clr-twr: #ffbb00;
 
-  --clr-error: #df3e3e;
+  --clr-error: #fa3636;
   --clr-warning: #c59429;
 
   --clr-donator: #f7a4ff;
@@ -158,6 +158,10 @@ ul {
     color: #ccc;
   }
 
+  &--error {
+    color: var(--clr-error);
+  }
+
   &--donator {
     color: var(--clr-donator);
     text-shadow: var(--clr-donator) 0 0 10px;
@@ -183,7 +187,7 @@ a.a-button {
   &[data-disabled='true'] {
     user-select: none;
     pointer-events: none;
-    opacity: 0.85;
+    opacity: 0.7;
   }
 
   &.btn--filled {