Added very first rough prototype of tag editor

frontend/delta/scss/clipperz.scss

@@ -6,6 +6,7 @@
 @import "core/overlay";
 @import "core/behavior";
 @import "core/layout";
+@import "core/tagEditor";
 
 @import "style/loadingPage";
 @import "style/loginPage";

frontend/delta/scss/core/tagEditor.scss

@@ -0,0 +1,31 @@
+.tagEditor {
+
+	&.readWrite {
+		border: 1px solid red;
+	}
+
+	ul {
+		@include flexbox();
+		@include flex-direction(row);
+		@include align-items(flex-start);
+
+		li.tag {
+			@include flex(none);
+			font-size: 14pt;
+			padding-right: 10px;
+		
+			&:before {
+				content: 'tag';
+				@include icon-font();
+				font-size: 10pt;
+				padding-right: 4px;
+			}
+			
+			span.tagRemoveButton {
+				@include icon-font();
+				color: gray;
+				cursor: pointer;
+			}
+		}
+	}
+}

frontend/delta/scss/style/card.scss

@@ -224,27 +224,10 @@ $cardViewBasePadding: 10px;
 		padding: $cardViewBasePadding;
 	}
 
-	.cardTags {
-		@include flexbox();
-		@include flex-direction(row);
-		@include align-items(flex-start);
-		
+	.tagEditor {
 		padding: $cardViewBasePadding;
-
-		.cardTag {
-			@include flex(none);
-			font-size: 14pt;
-			padding-right: 10px;
-			
-			&:before {
-				content: 'tag';
-				@include icon-font();
-				font-size: 10pt;
-				padding-right: 4px;
-			}
-		}
 	}
-	
+
 	.cardNotes {
 		padding: $cardViewBasePadding;
 	}
@@ -281,7 +264,9 @@ $cardViewBasePadding: 10px;
 				}
 			}
 
-		
+			.removeField {
+				cursor: pointer;
+			}
 		}
 
 		.fieldAction {
@@ -298,6 +283,10 @@ $cardViewBasePadding: 10px;
 
 	}
 
+	.newCardField {
+		cursor: pointer;
+	}
+
 	.cardDirectLogin {
 		font-size: 18pt;
 		padding: $cardViewBasePadding;