Fixed card rendering and enabled text selection for notes and field labels

frontend/delta/css/clipperz.css

@@ -2207,13 +2207,25 @@ div.cardList.narrow {
 .content .tagEditor {
   padding: 10px; }
 .content .cardNotes {
-  width: 100%;
   border: 0px;
   font-size: 10pt;
-  white-space: pre-wrap;
-  word-wrap: break-word; }
+  padding: 10px 42px 10px 42px; }
   .content .cardNotes div {
-    padding: 10px; }
+    -webkit-user-select: text;
+    /* Chrome all / Safari all */
+    -moz-user-select: text;
+    /* Firefox all */
+    -ms-user-select: text;
+    /* IE 10+ */
+    /* No support for these yet, use at own risk */
+    -o-user-select: text;
+    user-select: text;
+    line-height: 1.5em; }
+  .content .cardNotes textarea {
+    white-space: pre-wrap;
+    word-wrap: break-word;
+    width: 100%;
+    border: 0px; }
 .content .dropArea {
   background-color: #ccc;
   width: 100%;
@@ -2294,7 +2306,16 @@ div.cardList.narrow {
     .content .cardField .fieldValues .fieldLabel {
       color: gray;
       padding-bottom: 4px;
-      margin-bottom: 4px; }
+      margin-bottom: 4px;
+      -webkit-user-select: text;
+      /* Chrome all / Safari all */
+      -moz-user-select: text;
+      /* Firefox all */
+      -ms-user-select: text;
+      /* IE 10+ */
+      /* No support for these yet, use at own risk */
+      -o-user-select: text;
+      user-select: text; }
       .content .cardField .fieldValues .fieldLabel input {
         font-size: 12pt;
         color: gray;
@@ -2302,7 +2323,7 @@ div.cardList.narrow {
         width: 100%; }
     .content .cardField .fieldValues .fieldValue {
       font-size: 18pt;
-      line-height: 28px;
+      line-height: 1.2em;
       -webkit-user-select: text;
       /* Chrome all / Safari all */
       -moz-user-select: text;

frontend/delta/scss/style/card.scss

@@ -319,18 +319,26 @@ $cardViewBasePadding: 10px;
 	}
 
 	.cardNotes {
-		width: 100%;
+//		width: 100%;
 		border: 0px;
 
 		font-size: 10pt;
 //		font-style: italic;
 
-		white-space: pre-wrap;
-		word-wrap: break-word;
+		padding: 10px 42px 10px 42px;
 
 //		background-color: gold;
 		div {
-			padding: $cardViewBasePadding;
+			@include user-select(text);
+			line-height: 1.5em;
+//			padding: $cardViewBasePadding;
+		}
+		
+		textarea {
+			white-space: pre-wrap;
+			word-wrap: break-word;
+			width: 100%;
+			border: 0px;
 		}
 	}
 
@@ -419,6 +427,7 @@ $cardViewBasePadding: 10px;
 //				border-bottom: 1px dotted #ddd;
 				padding-bottom: 4px;
 				margin-bottom: 4px;
+				@include user-select(text);
 				
 				input {
 					font-size: 12pt;
@@ -430,7 +439,8 @@ $cardViewBasePadding: 10px;
 
 			.fieldValue {
 				font-size: 18pt;
-				line-height: 28px;
+//				line-height: 28px;
+				line-height: 1.2em;
 				@include user-select(text);
 
 				white-space: pre-wrap;