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;
 }