Optymalizacja kodu i assetów; poprawki w działaniu

src/styles/JournalSection.scss

@@ -8,11 +8,11 @@
   }
 
   &-enter-active {
-    transition: all 100ms ease-out;
+    transition: all 120ms ease-out;
   }
 
   &-leave-active {
-    transition: all 100ms ease-out;
+    transition: all 120ms ease-out;
   }
 }
 

src/styles/icons.scss

@@ -0,0 +1,41 @@
+.scenery-icon {
+  display: inline-block;
+
+  user-select: none;
+  -moz-user-select: none;
+  -webkit-user-select: none;
+
+  text-align: center;
+
+  font-weight: bold;
+
+  background-color: #888;
+
+  &.SPK,
+  &.mechaniczne-SPK,
+  &.ręczne-SPK {
+    color: gold;
+  }
+
+  &.SCS,
+  &.mechaniczne-SCS,
+  &.ręczne-SCS {
+    color: #00fff2;
+  }
+
+  &.SPE {
+    color: lawngreen;
+  }
+
+  &.mechaniczne {
+    color: rgb(255, 170, 42);
+  }
+
+  &.ręczne {
+    color: #111;
+  }
+
+  &.SCS-SPK {
+    color: white;
+  }
+}