UI changes for problems

static/less/gruvbox.less

@@ -20,3 +20,14 @@ body {
 	background-color: #a00;
 	text-align: center;
 }
+
+span.error {
+	color: #f66;
+}
+
+input[type="datetime-local"] {
+	background-color: @bg2;
+	color: #ccc;
+	border: 1px solid #535353;
+	padding: 6px;
+}

static/less/main.less

@@ -266,6 +266,14 @@ span.seconds {
 	display: none;
 }
 
+span.ok {
+	color: #0a0;
+}
+
+span.error {
+	color: #a00;
+}
+
 label {
 	user-select: none;
 }
@@ -289,6 +297,10 @@ label {
 	width: min-content;
 	border-radius: 6px;
 
+	&.hidden {
+		display: none;
+	}
+
 	button {
 		width: 100px;
 		margin-top: 12px;

static/less/notifications.less

@@ -25,12 +25,4 @@ input[type="datetime-local"] {
 		font-weight: @bold;
 		color: @text3;
 	}
-
-	.ok {
-		color: #0a0;
-	}
-
-	.error {
-		color: #a00;
-	}
 }

static/less/problems.less

@@ -51,7 +51,7 @@
 	.area {
 		.section {
 			display: grid;
-			grid-template-columns: repeat(3, min-content);
+			grid-template-columns: repeat(4, min-content);
 			grid-gap: 8px 12px;
 
 			.name {