@@ -27,8 +40,8 @@ class StopTitle extends Component {
Välj läge:
<>
-
-
+
+
>
@@ -41,9 +54,9 @@ class StopTitle extends Component {
{this.props.stop.name !== undefined && this.props.stop.track !== undefined ?
- {"Läge " + this.props.stop.track}
+ {"Läge " + globalData.user.track}
-
+
:
(this.props.stop.name !== undefined ?
diff --git a/src/components/css/Popup.css b/src/components/css/Popup.css
index b244b0f..2bec33e 100644
--- a/src/components/css/Popup.css
+++ b/src/components/css/Popup.css
@@ -5,6 +5,8 @@
transform: translate(-50%, -50%) scale(0);
transform-origin: center;
background: white;
+ display: flex !important;
+ flex-direction: column !important;
width: 55vw;
height: 39vh;
padding: 3vh 5vw;
@@ -21,16 +23,26 @@
.popup h3 {
margin-bottom: 20px;
+ display: block;
+ font-size: 1.17em;
+ font-weight: bold !important;
+ text-align: center;
+ color: black !important;
}
.popup ul {
list-style: none;
+ width: 100%;
}
.popup li button {
- width: 100%;
- padding: 8% 0;
- font-size: 16px;
+ width: 100% !important;
+ height: 50px;
+ padding: 8% 0 !important;
+ font-size: 16px !important;
+ display: flex;
+ align-items: center;
+ justify-content: center;
}
.popupClose {
diff --git a/src/components/css/StopTitle.css b/src/components/css/StopTitle.css
index 8063d66..2607aac 100644
--- a/src/components/css/StopTitle.css
+++ b/src/components/css/StopTitle.css
@@ -38,9 +38,10 @@
#stopTitle div {
display: flex;
flex-direction: row;
+ align-items: center;
}
-#stopTitle button {
+.changeTrackBtn {
width: auto;
height: 100%;
box-shadow: none;
@@ -52,6 +53,6 @@
border-radius: calc(var(--topMenuHeight) / 15);
}
-#stopTitle button:active {
+.changeTrackBtn:active {
background: rgba(0, 0, 0, 0.3);
}
\ No newline at end of file
diff --git a/src/components/css/TopMenu.css b/src/components/css/TopMenu.css
index 74b52d0..eec9bb0 100644
--- a/src/components/css/TopMenu.css
+++ b/src/components/css/TopMenu.css
@@ -6,7 +6,7 @@
justify-content: space-evenly;
}
-#topMenu button {
+#topMenu .menuButton {
width: var(--topMenuHeight);
height: calc(var(--topMenuHeight) / 1.3);
display: flex;
@@ -17,7 +17,7 @@
box-shadow: var(--boxShadow);
}
-#topMenu button:active {
+#topMenu .menuButton:active {
background: rgb(235, 235, 235);
}
diff --git a/src/components/css/TrafficInfo.css b/src/components/css/TrafficInfo.css
index 5b2333f..b9e8775 100644
--- a/src/components/css/TrafficInfo.css
+++ b/src/components/css/TrafficInfo.css
@@ -89,7 +89,7 @@
flex-grow: 1;
display: block;
white-space: nowrap;
- max-height: 3.5vw;
+ max-height: 4.5vw;
}
.infoWrapper span {