Make properties panel map responsive in height (#183)

mbta · Sep 9, 2019 · 85b21ab · 85b21ab
1 parent ed82d82
commit 85b21ab
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 1 deletion.
diff --git a/assets/css/_vehicle_map.scss b/assets/css/_vehicle_map.scss
@@ -1,6 +1,7 @@
 .m-vehicle-map {
-  height: 30rem;
+  flex: 1 1 auto;
   margin-top: 1rem;
+  min-height: 5rem;
 }
 
 .m-vehicle-map__label {

diff --git a/assets/css/_vehicle_properties_panel.scss b/assets/css/_vehicle_properties_panel.scss
@@ -1,6 +1,8 @@
 .m-vehicle-properties-panel {
   background-color: $color-bg-base;
   box-shadow: $modal-box-shadow;
+  display: flex;
+  flex-direction: column;
   height: 100%;
   max-width: 100%;
   overflow-y: scroll;
@@ -114,6 +116,9 @@
 
 .m-vehicle-properties-panel__location {
   border-top: 1px solid $color-rule;
+  display: flex;
+  flex: 1 1 auto;
+  flex-direction: column;
   padding: 1rem;
 }