[Mobile] Merge

Merged with master and resolved conflicts.

platform/commonUI/general/res/sass/helpers/_bubbles.scss

@@ -48,19 +48,15 @@
 			width: 100%;
 			tr {
 				td {
-					//max-width: 150px;
 					padding: 2px 0;
 					vertical-align: top;
-					//white-space: nowrap;
-					//overflow: hidden;
-					//text-overflow: ellipsis;
 					&.label {
 						padding-right: $interiorMargin * 2;
 						white-space: nowrap;
 					}
 					&.value {
-						white-space: nowrap;
-						//width: 90%;
+						//word-wrap: break-word; // Doesn't work in <td>?
+						word-break: break-all;
 					}
 					&.align-wrap {
 						white-space: normal;
@@ -135,7 +131,9 @@
 		z-index: 2;
 	}
 	&.arw-up .arw.arw-down,
-	&.arw-down .arw.arw-up { display: none; }
+	&.arw-down .arw.arw-up {
+		display: none;
+	}
 }
 
 //************************************************* LOOK AND FEEL
@@ -148,6 +146,7 @@
         @include triangle('down', $bubbleArwSize, 1.5, $colorThumbsBubbleBg);
     }
 }
+
 .s-infobubble {
 	$emFg: darken($colorInfoBubbleFg, 20%);
 	@include border-radius($basicCr);
@@ -159,18 +158,31 @@
 		color: $emFg;
 		font-weight: bold;
 	}
-	tr {
-		td {
-			border-top: 1px solid darken($colorInfoBubbleBg, 10%);
-			font-size: 0.9em;
-		}
-		&:first-child td {
-			border-top: none;
+	table {
+		tr {
+			td {
+				border: none;
+				border-top: 1px solid darken($colorInfoBubbleBg, 10%) !important;
+				font-size: 0.9em;
+			}
+
+			&:first-child td {
+				border-top: none !important;
+			}
 		}
 	}
+	&:first-child td {
+		border-top: none;
+	}
+
+	.label {
+		color: lighten($emFg, 30%);
+	}
+
 	.value {
 		color: $emFg;
 	}
+
 }
 
 .s-thumbsbubble {

platform/commonUI/general/res/sass/helpers/_wait-spinner.scss

@@ -50,6 +50,12 @@
 	margin-top: $d / -1;
 	margin-left: $d / -1;
 	z-index: 2;
+	&.inline {
+		display: inline-block !important;
+		margin-right: $interiorMargin;
+		position: relative !important;
+		vertical-align: middle;
+	}
 }
 
 .l-wait-spinner-holder {
@@ -80,4 +86,14 @@
 	margin: 0 !important;
 	padding: 0 !important;
 	top: 2px; left: 0;
+}
+
+.wait-spinner.sm {
+	$d: 13px;
+	@include wait-spinner(0.25em, $colorKey);
+	height: $d; width: $d;
+	margin-left: 0 !important;
+	margin-top: 0 !important;
+	padding: 0 !important;
+	top: 0; left: 0;
 }