Applied most of the style suggestions from Frank, tentative fix for IE

wide layout

frontend/delta/scss/core/layout.scss

@@ -180,6 +180,7 @@ input[type=text] {
 
 	.extraFeatureContent {
 		display: none;
+		width: 100%;
 	}
 
 	&.fullOpen {
@@ -280,6 +281,11 @@ input[type=text] {
 	width: 100%;
 }
 
+/* IE fix for 'wide' mode. */
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+	position: absolute;
+}
+
 .cardToolbarFrame {
 	width: 100%;
 	height: 100%;
@@ -410,6 +416,21 @@ div.cardToolbar {
 	}
 }
 
+/* IE fix for badges being shifted to left. */
+@media all and (-ms-high-contrast: none), (-ms-high-contrast: active) {
+	.attachmentQueueToggleButton {
+		.badge {
+			.top {
+				margin-left: 37px;
+			}
+
+			.bottom {
+				margin-left: 7px;
+			}
+		}
+	}
+}
+
 $arrow-size: 8px;
 div.attachmentQueueStatus {
 	position: fixed;
@@ -731,6 +752,10 @@ div.cardContent {
 	height: $mainCardToolbarHeight;
 	line-height: $mainCardToolbarHeight;
 	
+	li.enabled:hover {
+		background-color: #114875;
+	}
+
 	&.edit {
 		@include order(1);
 

frontend/delta/scss/core/overlay.scss

@@ -91,8 +91,8 @@ div.overlay {
 		position: relative;
 		width: 100px;
 		height: 100px;
-		left: 50% !important;
-		top: 40% !important;
+		left: 50%;
+		top: 40%;
 
 		margin-left: -50px;
 		margin-top: -50px;
@@ -127,6 +127,12 @@ div.overlay {
 		div.bar12 {@include transform(330deg, 0, -142%); @include animation-delay(-0.08330s);}
 	}
 
+	&.spinnerOnly {
+		.spinner {
+			top: 50%;
+		}
+	}
+
 	.progressBar {
 //		display: block;
 //		width: 100%;

frontend/delta/scss/style/card.scss

@@ -1099,15 +1099,15 @@ $cardViewBasePadding: 10px;
 
 			.optionsWrapper {
 				header {
-					height: 12px;
+					height: 30px;
 					border-bottom: 1px solid #666;
 				
 					div {
 						content: "options";
 						@include icon-font();
-//						text-align: right;
-						font-size: 8pt;
-						line-height: 14px;
+						text-align: center;
+						font-size: 28px;
+						line-height: 30px;
 						color: #999;
 						padding-left: 5px;
 					
@@ -1119,7 +1119,8 @@ $cardViewBasePadding: 10px;
 
 				.options {
 //					height: inherit;
-					background-color: #888;
+//					background-color: #888;
+					background-color: white;
 					padding-left: $passwordBaloonBorder;
 					padding-right: $passwordBaloonBorder /* + 30px */;
 					padding-bottom: 3px;
@@ -1136,6 +1137,10 @@ $cardViewBasePadding: 10px;
 						}
 					}
 
+					span {
+						color:black;
+					}
+
 					.length {
 						padding-top: 2px;
 
@@ -1182,7 +1187,7 @@ $cardViewBasePadding: 10px;
 							label {
 								span {
 									font-size: 10pt;
-									color: #eee;
+									color: black;
 
 									&:after {
 										content: '';
@@ -1197,6 +1202,7 @@ $cardViewBasePadding: 10px;
 						textarea {
 							color: gray;
 							min-height: 34px;
+							border:1px solid black;
 
 							&:focus {
 								outline: 0;
@@ -1214,6 +1220,7 @@ $cardViewBasePadding: 10px;
 				padding: $passwordBaloonBorder;
 				padding-top: 3px;
 				padding-right: 0px;
+				padding-left: 0;
 
 				.passwordWrapper {
 					@include flex(auto);
@@ -1245,10 +1252,12 @@ $cardViewBasePadding: 10px;
 					@include icon-font();
 					font-size: 14pt;
 					font-weight: bold;
-					text-align: center;
+					text-align: left;
+					padding-left: .5em;
 					color: #999;
-					width: 40px;
+					width: 30px;
 					height: inherit;
+					line-height: 35px;
 					
 					&.setPasswordValue {
 						background-color: lighten($passwordBaloonColor, 5%);

frontend/delta/scss/style/selectionPanel.scss

@@ -171,13 +171,14 @@ refer to http://www.clipperz.com.
 			@include flexbox();
 			@include flex-direction(row);
 
-			&:before {
+			&.title:before {
 				content: "tag";
 			}
 
 			span.label {
 				font-size: 14pt;
 				@include flex(auto);
+				padding-left: 35px;
 			}
 		
 			span.count {
@@ -241,13 +242,13 @@ refer to http://www.clipperz.com.
 }
 
 span.count {
-	background-color: gray;
+	background-color: white;
 	font-size: 10pt;
 	margin-right: 12px;
 	padding: 3px 5px;
 	@include border-radius(4px);
 
-	color: white;
+	color: black;
 	font-weight: 300;
 	vertical-align: middle;
 }