💄 [feat/maps] #3 minor ui improvement

Signed-off-by: JAGFx <[email protected]>
JAGFx · Jan 23, 2021 · c21a4cf · c21a4cf
1 parent 77c36a6
commit c21a4cf
Showing 1 changed file with 13 additions and 5 deletions.
diff --git a/src/dashboards/maps/assets/scss/maps.scss b/src/dashboards/maps/assets/scss/maps.scss
@@ -27,7 +27,7 @@
 		.controls-wrapper, .ol-zoom, .eta-wrapper, #speed-area {
 			display:         flex;
 			justify-content: center;
-			align-items:     end;
+			align-items:     flex-end;
 			text-align:      center;
 			height:          2rem;
 
@@ -38,8 +38,8 @@
 				text-align:      center;
 				color:           $cWhite;
 				border:          0;
-				background:      transparentize($cBlackTransparentMid, .3);
-				font-size:       1.4rem;
+				background:      $cBlackTransparentMid;
+				font-size:       1.8rem;
 				margin:          0;
 				outline:         0;
 				width:           $deHeight;
@@ -81,6 +81,10 @@
 			width:    auto;
 			z-index:  2;
 
+			button, .button {
+				font-size: 1.4rem;
+			}
+
 			.ol-zoom {
 				flex-direction: column;
 				height:         100%;
@@ -202,11 +206,13 @@
 
 			&:before {
 				content:     " ";
+				position:    relative;
+				bottom:      -1px;
 				width:       2rem;
 				height:      3rem;
 				padding:     .3rem;
 				left:        -0.1rem;
-				background:  transparentize($cBlackTransparentMid, .3);
+				background:  $cBlackTransparentMid;
 				border-left: 1px solid $cRed;
 				border-top:  2px solid $cRed;
 				@include prefixer(transform-origin, bottom left, ("webkit", "moz", "o"));
@@ -215,11 +221,13 @@
 
 			&:after {
 				content:      " ";
+				position:     relative;
+				bottom:       -1px;
 				width:        2rem;
 				height:       3rem;
 				padding:      .3rem;
 				right:        -0.1rem;
-				background:   transparentize($cBlackTransparentMid, .3);
+				background:   $cBlackTransparentMid;
 				border-right: 1px solid $cRed;
 				border-top:   2px solid $cRed;
 				@include prefixer(transform-origin, bottom left, ("webkit", "moz", "o"));