Cleaned up style sheets

frontend/delta/scss/style/selectionPanel.scss

@@ -14,6 +14,19 @@
 		padding-bottom: 10px;
 
 		li {
+			@include flexbox();
+			@include flex-direction(row);
+
+			
+			span.label {
+				@include flex(auto);
+			}
+
+			span.count {
+				@include flex(none);
+				@include align-self(flex-end);
+			}
+
 			&.allCards:before {
 				content: "clipperz";
 			}
@@ -23,7 +36,7 @@
 			}
 			
 			&.untaggedCards {
-				padding-left: 70px;
+				padding-left: 35px;
 			}
 		}
 	}
@@ -101,8 +114,8 @@
 	}
 	
 	li {
-		padding-left: 35px;
-		text-indent: -35px;
+//		padding-left: 35px;
+//		text-indent: -35px;
 
 		padding-top: 7px;
 		padding-bottom: 7px;
@@ -115,25 +128,39 @@
 			padding-left: 8px;
 			padding-right: 8px;
 			font-size: 14pt;
+			vertical-align: baseline;
 		}
 	}
 	
 	.showArchivedCards {
+		@include flexbox();
+		@include flex-direction(row);
+
 		padding: 10px;
 		font-size: 12pt;
-		
+
+		input {
+			@include flex(none);
+		}
+
 		.label {
+			@include flex(auto);
 			padding-left: 5px;
 		}
 
+		.count {
+			@include flex(none);
+			@include align-self(flex-end);
+			margin-right: 2px;
+		}
 	}
 }
 
 span.count {
 	background-color: gray;
 	font-size: 10pt;
-	margin-left: 10px;
-	padding: 0px 4px;
+	margin-right: 12px;
+	padding: 3px 5px;
 	@include border-radius(4px);
 
 	color: white;