Improved the styling of some elements

frontend/delta/scss/core/layout.scss

@@ -21,6 +21,7 @@
 	@include flexbox();
 	@include flex-direction(column);
 	min-height: 100%;
+	@include overflow-scroll;
 
 	ul.defaultSet {
 		@include flex(none);
@@ -33,7 +34,9 @@
 	ul.tagList {
 		@include flex(auto);
 		margin-left: 0px;
-//		overflow-y: scroll;
+
+//		min-height: 100%;
+//		@include overflow-scroll;
 
 		li {
 //			@include flexbox();
@@ -69,8 +72,9 @@
 			
 			&.selection {
 				@include flex($selectionPanelWidth, 0);
-//				height: 100%;
-				overflow-y: scroll;
+				height: 100%;
+//				overflow-y: scroll;
+//				@include overflow-scroll;
 			}
 			
 			&.cardContent {
@@ -226,7 +230,8 @@ div.cardContent {
 	
 	div.cardListColumn.column {
 		@include flex($cardListWidth, 0);
-		overflow-y: scroll;
+//		overflow-y: scroll;
+		overflow-y: auto;
 
 		z-index: 5;
 		box-shadow: 2px 0 6px 0 rgba(0,0,0, 0.1);
@@ -235,7 +240,6 @@ div.cardContent {
 		}
 		
 		div.cardList {
-			overflow-y: scroll;
 			padding-bottom: 120px;
 
 			ul {
@@ -245,13 +249,15 @@ div.cardContent {
 		div.addCardButton {
 			@include icon-font();
 			@include border-radius(50px);
-			@include radial-gradient (white, rgba(0, 0, 0, 0));
+//			@include radial-gradient (white, rgba(0, 0, 0, 0));
+			box-shadow: 0 0 50px 20px rgba(255, 255, 255, 0.9);
 			
 			position: relative;
 			bottom: 0px;
 			font-size: 75pt;
 //			color: blue;
 			color: #aaa;
+			background-color: white;
 
 			width: 100px;
 			height: 100px;
@@ -265,7 +271,8 @@ div.cardContent {
 			
 			&:hover {
 //				color: $clipperz-orange;
-				color: green;
+				color: $clipperz-blue;
+//				color: green;
 //				color: brown;
 			};
 		}
@@ -317,7 +324,8 @@ div.cardContent {
 
 		.content {
 			@include flex(auto);
-			overflow-y: scroll;
+//			overflow-y: scroll;
+			overflow-y: auto;
 		}
 	}
 }
@@ -365,7 +373,8 @@ div.cardContent {
 */		
 		.content {
 			@include flex(auto);
-			overflow-y: scroll;
+//			overflow-y: scroll;
+			overflow-y: auto;
 		}
 	}
 }

frontend/delta/scss/core/mixin.scss

@@ -155,7 +155,8 @@
 }
 
 @mixin overflow-scroll () {
-	overflow: scroll;
+//	overflow-y: scroll;
+	overflow-y: auto;
 	-webkit-overflow-scrolling: touch;
 }
 

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;