Update the stylesheets

frontend/delta/scss/core/layout.scss

@@ -69,13 +69,13 @@
 		.subpanel {
 			
 			&.selection {
-				@include flex($selectionPanelWidth, 0);
+				@include flex($selectionPanelFlexWidth, 0);
 //				height: 100%;
 //				overflow-y: scroll;
 			}
 			
 			&.cardContent {
-				@include flex($cardContentPanelWidth);
+				@include flex($cardContentPanelFlexWidth);
 				@include flexbox;
 				@include flex-direction(column);
 			}
@@ -238,37 +238,41 @@ div.cardContent {
 		
 		div.cardList {
 //			overflow-y: scroll;
-			padding-bottom: 120px;
+			padding-bottom: 100px;
 
 			ul {
 			}
 		}
 		
+		$addButtonSize: 60px;
 		div.addCardButton {
 			@include icon-font();
-			@include border-radius(50px);
-			@include radial-gradient (white, rgba(0, 0, 0, 0));
+			@include border-radius($addButtonSize / 2);
+//			@include radial-gradient (white, rgba(0, 0, 0, 0));
 			
 			position: relative;
 			bottom: 0px;
-			font-size: 75pt;
-//			color: blue;
-			color: #aaa;
+			font-size: 45pt;
+//			text-align: center;
+//			line-height: 56px;
 
-			width: 100px;
-			height: 100px;
+			color: white;
+			background-color: $clipperz-blue;
+			box-shadow: 2px 8px 6px 0 rgba(0,0,0, 0.2);
+
+			width: $addButtonSize;
+			height: $addButtonSize;
 			
 			float: right;
 			position: absolute;
-			margin-left: 100px;
-			margin-bottom: 10px;
+			margin-left: 150px;
+//			margin-left: 70%;
+			margin-bottom: 20px;
 			
 			cursor: pointer;
 			
 			&:hover {
-//				color: $clipperz-orange;
-				color: green;
-//				color: brown;
+				background-color: darken($clipperz-blue, 10%);
 			};
 		}
 	}

frontend/delta/scss/core/mixin.scss

@@ -14,12 +14,12 @@
 }
 
 @mixin font-feature-settings ($foo, $bar) {
-	-webkit-font-feature-settings:"$foo","$bar";
-	-moz-font-feature-settings:"$foo=1, $bar=1";
-	-moz-font-feature-settings:"$foo","$bar";
-	-ms-font-feature-settings:"$foo","$bar";
-	-o-font-feature-settings:"$foo","$bar";
-	font-feature-settings:"$foo","$bar";
+	-webkit-font-feature-settings:$foo 1, $bar 1;
+//	-moz-font-feature-settings:$foo = 1, $bar = 1;
+	-moz-font-feature-settings:$foo 1, $bar 1;
+	-ms-font-feature-settings:$foo 1, $bar 1;
+	-o-font-feature-settings:$foo 1, $bar 1;
+	font-feature-settings:$foo 1, $bar 1;
 }
 
 @mixin icon-font () {

frontend/delta/scss/core/parameters.scss

@@ -1,15 +1,14 @@
 //$selectionPanelWidth: 200px;
 //$cardListWidth: 200px;
 
-$selectionPanelWidth: 1;
-$cardContentPanelWidth: 4;
+$selectionPanelFlexWidth: 1;
+$cardContentPanelFlexWidth: 4;
 
 $mainCardToolbarHeight: 48px;
 
 $cardListWidth: 1;
 $cardDetailWidth: 2;
 
-$selectionPanelWidth: 300px;
+$selectionPanelWidth: 250px;
 $settingsPanelWidth: 300px;
 
-

frontend/delta/scss/core/tagEditor.scss

@@ -9,17 +9,30 @@
 		@include flex-direction(row);
 		@include align-items(flex-start);
 
+		&:before {
+			content: 'tag';
+			@include icon-font();
+			font-size: 16pt;
+			padding-right: 11px;
+			color: #ccc;
+		}
+
 		li.tag {
 			@include flex(none);
-			font-size: 14pt;
+			font-size: 13pt;
+			font-weight: 100;
+
 			padding-right: 10px;
-		
-			&:before {
-				content: 'tag';
-				@include icon-font();
-				font-size: 10pt;
-				padding-right: 4px;
-			}
+
+//			&:last-child:after {
+//				content: '';
+//			}
+//
+//			&:after {
+//				content: '-';
+//				color: #bbb;
+//				padding: 0px 6px;
+//			}
 			
 			span.tagRemoveButton {
 				@include icon-font();

frontend/delta/scss/style/card.scss

@@ -376,7 +376,7 @@ $cardViewBasePadding: 10px;
 
 			.fieldLabel {
 				color: $labelColor;
-				border-bottom: 1px dotted #ddd;
+//				border-bottom: 1px dotted #ddd;
 				padding-bottom: 4px;
 				margin-bottom: 4px;
 				

frontend/delta/scss/style/dialogBox.scss

@@ -17,7 +17,8 @@ div.dialog {
 			@include border-radius(4);
 //			border: 1px solid black;
 			margin-left: 10px;
-			padding: 5px 15px;
+			font-size: 16pt;
+			padding: 15px 25px;
 			background-color: #ddd;
 			
 			&.isDefault {