Improved the styling of some elements

frontend/delta/scss/style/card.scss

@@ -1,9 +1,16 @@
+//	ARCHIVE - RESTORE
+//	
+//	background-color: #800;
+//	box-shadow: inset 0 2px 3px 0 rgba(0,0,0,0.3);
+//	color: #ccc;
+
+
 $cardListHeight: 48px;
 $faviconSize: 32px;
 $padding: ($cardListHeight - $faviconSize) / 2;
 $cardArchivedColor: #eee;
-$cardToolbarBackgroundColor: #e38800;
-//$cardToolbarBackgroundColor: $clipperz-blue;
+//$cardToolbarBackgroundColor: #e38800;
+$cardToolbarBackgroundColor: $clipperz-blue;
 $iconMargin: 6px;
 $labelColor: gray;
 
@@ -26,6 +33,9 @@ div.cardList {
 			background-color: white;
 			transition: margin-left 0.3s ease-in-out;
 
+			white-space: pre-wrap;
+			word-wrap: break-word;
+
 			@include flexbox();
 			@include flex-direction(row);
 
@@ -209,6 +219,12 @@ $cardViewBasePadding: 10px;
 
 //			box-shadow: inset 2px 0 6px 0 rgba(0, 0, 0, 0.1);
 		}
+		
+		.cardField {
+			&:hover {
+				background-color: #eee;
+			}
+		}
 	}
 }	
 

frontend/delta/scss/style/dialogBox.scss

@@ -14,14 +14,16 @@ div.dialog {
 	div.answers {
 
 		div.button {
-			border: 1px solid black;
+			@include border-radius(4);
+//			border: 1px solid black;
 			margin-left: 10px;
-			padding: 5px 10px;
+			padding: 5px 15px;
+			background-color: #ddd;
 			
 			&.isDefault {
 				font-weight: bold;
 				color: white;
-				background-color: blue;
+				background-color: #666;
 			}
 		}
 	}

frontend/delta/scss/style/selectionPanel.scss

@@ -2,7 +2,7 @@
 	background-color: $main-alternate-color;
 	color: $main-alternate-text-color;
 	font-size: 18pt;
-	@include overflow-scroll;
+//	@include overflow-scroll;
 //	height: 100%;
 
 	$iconColumnWidth: 40px;