* Small hack to fix images not closing window on mobile

* Made note active text modifier buttons better
* Fixed Colored notes being to big on mobile

client/src/assets/semantic-helper.css

@@ -68,6 +68,15 @@ body {
 	background-color: var(--background_color);
 	border-color: var(--border_color);
 }
+.button-sub {
+	display: inline-block;
+	width: 100%;
+	font-size: 0.9em;
+	color: white;
+	opacity: 0.8;
+	padding: 4px 0 0 0;
+	text-align: center;
+}
 
 .ui.form input:not([type]), 
 .ui.form input:not([type]):focus,
@@ -342,6 +351,10 @@ a:hover {
 	/* adjust checkboxes for mobile. Make them a little bigger, easier to click */
 	@media only screen and (max-width: 740px) {
 
+		.squire-box {
+			min-height: calc(100vh - 120px);
+		}
+
 		.ui.button.shrinking {
 			font-size: 0.85714286rem;
 			margin: 0 3px;