Testing new note display cards that use flexbox

Testing new simplified text processes, for smaller notes, it just sends all the text

client/src/assets/semantic-helper.css

@@ -229,17 +229,18 @@ a:hover {
 	.squire-box a {
 		cursor: pointer;
 	}
-	.note-card-text i,
+/*	.note-card-text i,
 	.squire-box i {
 		padding: 0.5em 0.99em;
 		border: 1px solid #CCC;
 		margin: 1px;
 		border-radius: 9px;
 		display: inline-block;
-	}
+	}*/
 	.squire-box p {
 		margin-bottom: 0;
 	}
+	.note-card-text blockquote, 
 	.squire-box blockquote {
 		margin: 0;
 		padding: 0.8em;
@@ -249,6 +250,7 @@ a:hover {
 		max-width:100%;
 		height: auto;
 		max-height: 200px;
+		margin: 10px 0 0;
 	}
 	.squire-box img {
 		max-width:100%;