[Mobile] IN PROGRESS: Cleanups on .btn for line-height, sizing, etc.

open #74

platform/commonUI/general/res/sass/controls/_controls.scss

@@ -102,7 +102,7 @@
 
 .btn-bar {
 	//	position: relative;
-	.btn,
+/*	.btn,
 	.btn-set,
 	.t-btn {
 		display: inline-block;
@@ -113,7 +113,7 @@
 		&:first-child {
 			//			margin-left: 0;
 		}
-	}
+	}*/
 }
 
 .l-composite-control {
@@ -153,6 +153,7 @@
 	font-size: 0.7rem;
 }
 
+/*
 .btn-set {
 	// Buttons that have a very tight conceptual grouping - no internal space between them.
 	display: inline-block;
@@ -171,24 +172,21 @@
 		}
 	}
 }
+*/
 
 .object-browse-bar .btn,
 .object-browse-bar .t-btn,
+.object-browse-bar .view-switcher,
 .top-bar .buttons-main .btn,
 .top-bar .buttons-main .t-btn,
+.top-bar .view-switcher,
 .tool-bar .btn,
 .tool-bar .t-btn {
 	$h: $btnToolbarH;
 	display: inline-block;
 	font-size: $h * $btnFontSizeToH;
-	height: $h;
-	line-height: $h - 3;
-	.icon:not(.invoke-menu) {
-		//		position: relative;
-		//		top: -0.04em;
-		//font-size: 150%;
-		//vertical-align: middle;
-	}
+	line-height: 200%;
+	vertical-align: top;
 }
 
 label.checkbox.custom {
@@ -325,9 +323,9 @@ label.checkbox.custom {
 	$p: 10px;
 	$badgeM: $interiorMargin;
 	$badgeD: $h - ($badgeM * 2);
-	height: $h;
-	line-height: $h;
-	padding-right: 10px;
+	//height: $h;
+	//line-height: $h;
+	//padding-right: 10px;
 	&.browse-btn {
 		margin-right: $interiorMargin;
 		padding-left: $badgeD + $badgeM * 2;
@@ -350,7 +348,6 @@ label.checkbox.custom {
 .context-available {
 	$c: $colorKey;
 	color: $c;
-	//padding: 0 5px;
 	&:hover {
 		color: lighten($c, 10%);
 	}
@@ -358,23 +355,21 @@ label.checkbox.custom {
 
 .view-switcher {
 	@include trans-prop-nice-fade($controlFadeMs);
+	.type-icon {
+		//vertical-align: top;
+	}
 }
 
 /******************************************************** OBJECT-HEADER */
 .object-header {
 	//@include test();
 	font-size: 1em;
-	//line-height: 120%;
-	.label {
-		//display: flex;
-		//flex-direction: row;
-	}
 
-	.title-label,
-	.type-icon,
-	.context-available {
+	> .title-label,
+	> .type-icon,
+	> .context-available {
 		//@include tmpBorder(#6666ff);
-		vertical-align: middle;
+		//vertical-align: middle;
 	}
 	> .type-icon {
 		font-size: 120%;
@@ -382,7 +377,6 @@ label.checkbox.custom {
 		margin-right: $interiorMargin;
 	}
 
-
 	.l-elem-wrapper {
 		display: flex;
 		flex-flow: row nowrap;
@@ -401,15 +395,18 @@ label.checkbox.custom {
 	}
 
 	.context-available {
-		@include trans-prop-nice(opacity, 0.25s);
-		opacity: 0;
 		font-size: 0.7em;
-		//position: absolute;
-		//right: 0;
 	}
-	&:hover {
+
+	@include desktop {
 		.context-available {
-			opacity: 1;
+			@include trans-prop-nice(opacity, 0.25s);
+			opacity: 0;
+		}
+		&:hover {
+			.context-available {
+				opacity: 1;
+			}
 		}
 	}
 }