Fixed alignment of scale map stuff in info container

Author: Salma Alam-Naylor

apps/fretonator-web/src/app/common/fretonator/scale-map/scale-map.component.scss

@@ -39,6 +39,8 @@
   display: flex;
   flex-direction: row;
   justify-content: center;
+  align-items: center;
+  height: $infoContainer_info_row_height;
 }
 
 .degreesDisplay__degree {
@@ -103,6 +105,7 @@
   display: flex;
   justify-content: space-between;
   align-items: center;
+  height: $infoContainer_info_row_height;
 }
 
 .scaleDisplay__note {

apps/fretonator-web/src/styles/_vars.scss

@@ -1,3 +1,5 @@
+@import './functions';
+
 $grid-unit: 8 !default;
 
 $screen-sm: 600px !default;
@@ -11,6 +13,8 @@ $focus_box_shadow_color_alt: #474350 !default;
 $fretonator_max_width: 980px !default;
 $mode_selector_max_width: 800px !default;
 
+$infoContainer_info_row_height: pxToRem($grid-unit * 8);
+
 $hamburger_padding-x: 16px;
 $hamburger_padding-y: 16px;
 $hamburger_layer-width: 32px;