Poprawki w wyglądzie

src/components/TrainsView/TrainOptions.vue

@@ -232,7 +232,7 @@ export default class TrainOptions extends Vue {
     justify-content: space-between;
     align-items: center;
 
-    padding: 0.25em 0.5em;
+    padding: 0.5em 0.5em;
     min-width: 200px;
 
     cursor: pointer;

src/components/TrainsView/TrainStats.vue

@@ -227,7 +227,7 @@ export default class TrainStats extends Vue {
   }
 
   &-header {
-    margin-bottom: 1rem;
+    margin-bottom: 0.85em;
   }
 
   &-body {
@@ -239,7 +239,7 @@ export default class TrainStats extends Vue {
     background: #222;
     border-radius: 0 1em 1em 1em;
 
-    padding: 1rem;
+    padding: 1em;
   }
 
   &-content {

src/components/TrainsView/TrainTable.vue

@@ -263,9 +263,7 @@ export default class TrainTable extends Vue {
 
     & > .wrapper {
       display: grid;
-      grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
-
-      gap: 2em 0;
+      grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
 
       // @include midScreen() {
       //   grid-template-columns: 1fr;
@@ -423,12 +421,6 @@ export default class TrainTable extends Vue {
   }
 }
 
-@include bigScreen() {
-  .item {
-    font-size: 1em;
-  }
-}
-
 @include smallScreen() {
   .info-bottom {
     text-align: center;