poprawki szerokości

src/views/SceneryView.vue

@@ -210,13 +210,13 @@ button.back-btn {
 
 .scenery-wrapper {
   display: grid;
-  grid-template-columns: 4fr 5fr;
+  grid-template-columns: 4fr 6fr;
   gap: 0 1em;
 
   position: relative;
 
   width: 100%;
-  max-width: 1700px;
+  max-width: var(--max-container-width);
   min-height: 100vh;
 
   margin: 1rem 0;
@@ -234,11 +234,9 @@ button.back-btn {
   padding: 1em 0.5em;
 
   height: 95vh;
-  min-height: 550px;
+  min-height: 750px;
   max-height: 1000px;
 
-  overflow: auto;
-
   display: flex;
   flex-direction: column;
 }
@@ -248,7 +246,7 @@ button.back-btn {
   padding: 1em 0.5em;
 
   height: 95vh;
-  min-height: 550px;
+  min-height: 750px;
   max-height: 1000px;
 
   display: grid;

src/views/StationsView.vue

@@ -99,7 +99,7 @@ export default defineComponent({
 
 .wrapper {
   max-width: 100%;
-  width: 1700px;
+  width: var(--max-container-width);
 }
 
 .stations-options {

src/views/TrainsView.vue

@@ -126,7 +126,7 @@ export default defineComponent({
 
 .trains_wrapper {
   margin: 1rem auto;
-  max-width: 1350px;
+  max-width: 1500px;
 }
 
 .trains_topbar {