From 5e1b629a821b7ad850fe5e4773f48ec4aa860cd5 Mon Sep 17 00:00:00 2001 From: J-Lennox10 Date: Wed, 29 Mar 2023 12:54:33 +0100 Subject: [PATCH 1/2] Fixed sidebar issues again lol --- src/components/TrainSidebar.vue | 16 +++++++++++++++- src/pages/MapPage.vue | 4 ++-- 2 files changed, 17 insertions(+), 3 deletions(-) diff --git a/src/components/TrainSidebar.vue b/src/components/TrainSidebar.vue index 07fb815..918bdae 100644 --- a/src/components/TrainSidebar.vue +++ b/src/components/TrainSidebar.vue @@ -235,6 +235,17 @@ export default { padding-top: 2px; padding-bottom: 2px; } + + +#publicMessageImage{ + max-width: 70%; + max-height: 70%; + margin-left: auto; + margin-right: auto; + margin-top: auto; + margin-bottom: auto; + display: block; +} /*Positioning rows*/ #dateDiv{top: 16%;} #positionDiv{top: 29%;} @@ -245,7 +256,7 @@ export default { height: fit-content; } -#notRunningPublicMessageDiv{top: 55%;} +#notRunningPublicMessageDiv{top: 68%;} @@ -260,5 +271,8 @@ export default { width: 45%; } + #originDiv, #destinationDiv{ + font-size: 17px; + } } diff --git a/src/pages/MapPage.vue b/src/pages/MapPage.vue index 94f8349..bd4bf5b 100644 --- a/src/pages/MapPage.vue +++ b/src/pages/MapPage.vue @@ -684,13 +684,13 @@ export default { } #searchBar{ - width: 100px; + width: 130px; color: white; } #searchContainer{ left: 10px; - width: 120px; + width: 150px; height: 40px; display: flex; justify-content: center; From 772861426839059e9b6a38341ddf94c9e8329b44 Mon Sep 17 00:00:00 2001 From: JLennox1 <118987568+JLennox1@users.noreply.github.com> Date: Wed, 29 Mar 2023 15:38:30 +0100 Subject: [PATCH 2/2] Fixed Public Message Placement Fixed the placement of the public message div for non-running trains --- src/components/TrainSidebar.vue | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/TrainSidebar.vue b/src/components/TrainSidebar.vue index 918bdae..2dbd71e 100644 --- a/src/components/TrainSidebar.vue +++ b/src/components/TrainSidebar.vue @@ -256,7 +256,7 @@ export default { height: fit-content; } -#notRunningPublicMessageDiv{top: 68%;} +#notRunningPublicMessageDiv{top: 55%;}