Merge pull request #77 from 0hAodha/minorFixesV2

Fixed public message positioning and icon size. Fixed text overflow on mobile

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%;}
@@ -260,5 +271,8 @@ export default {
   width: 45%;
   }
 
+  #originDiv, #destinationDiv{
+    font-size: 17px;
+  }
 }
 </style>

src/pages/MapPage.vue

@@ -692,13 +692,13 @@ export default {
   }
 
   #searchBar{
-    width: 100px;
+    width: 130px;
     color: white;
   }
 
   #searchContainer{
   left: 10px;
-  width: 120px;
+  width: 150px;
   height: 40px;
   display: flex;
   justify-content: center;