Improve route planner view on small devices

See #2321

diff --git a/wcfsetup/install/files/style/ui/googleMap.scss b/wcfsetup/install/files/style/ui/googleMap.scss
index 9f7db6de30ef32097e4d5a807ade55d0b795eb80..ba794571b8c4d1af852e58376d220a09dfe2c056 100644 (file)
--- a/wcfsetup/install/files/style/ui/googleMap.scss
+++ b/wcfsetup/install/files/style/ui/googleMap.scss
@@ -45,15 +45,16 @@
 }
 
 .googleMapsDirectionsContainer {
-       display: flex;
-       width: 100%;
-       
-       .googleMap {
-               flex: 0 0 50%;
+       @include screen-lg {
+               display: flex;
+               
+               .googleMap,
+               .googleMapsDirections {
+                       flex: 0 0 50%;
+               }
        }
        
        .googleMapsDirections {
-               flex: 0 0 50%;
                height: 400px;
                padding-left: 10px;
                overflow-y: scroll;