Mobile dialogues use var(--header-height) not hardcoded

Signed-off-by: Andreas-Kainz <kainz.a@gmail.com>
Change-Id: I4d4705d47252db5762a9762950e5ca1e52ca97e3

Author: Andreas-Kainz

browser/css/device-mobile.css

@@ -169,7 +169,7 @@ textarea.cool-annotation-textarea {
 .toolbar-row {
 	display: flex;
 	flex-direction: row;
-	height: 38px !important;
+	height: var(--header-height);
 }
 
 .insertshape-grid {

browser/css/mobilewizard.css

@@ -464,7 +464,7 @@ p.mobile-wizard.ui-combobox-text.selected {
 
 .ui-tabs.mobile-wizard {
 	text-align: center;
-	height: 42px;
+	height: var(--header-height);
 	display: flex;
 	width: 100%;
 	padding: 0px;
@@ -481,8 +481,7 @@ p.mobile-wizard.ui-combobox-text.selected {
 .ui-tab.mobile-wizard {
 	flex: auto;
 	display: table-cell;
-	height: 36px;
-	line-height: 36px;
+	line-height: var(--header-height);
 	vertical-align: middle;
 	margin: 0px 5%;
 	border-radius: 10px;