join styles and lint

client/admin/admin.less

@@ -21,7 +21,7 @@ body {
 	text-rendering   : optimizeLegibility;
 }
 
-.admin {
+:where(.admin) {
 
 	header {
 		padding          : 20px 0px;
@@ -34,7 +34,35 @@ body {
 
 	hr { margin : 30px 0px; }
 
-	.container {
+	:where(.container) {
+		input {
+			height        : 33px;
+			padding       : 0px 10px;
+			margin-bottom : 20px;
+			font-family   : monospace;
+		}
+
+		button {
+			height         : 37px;
+			vertical-align : middle;
+		}
+
+		dl {
+			@maxItemWidth : 132px;
+			dt {
+				float      : left;
+				width      : @maxItemWidth;
+				clear      : left;
+				text-align : right;
+				&::after { content : ' : '; }
+			}
+			dd {
+				height      : 1em;
+				padding     : 0 0 0.5em 0;
+				margin-left : @maxItemWidth + 6px;
+			}
+		}
+
 		.tabs button {
 			margin-right     : 3px;
 			margin-left      : 3px;
@@ -54,85 +82,11 @@ body {
 				border           : 2px solid #444444;
 			}
 		}
-		section.notificationUtils {
+
+		.notificationUtils {
 			display         : flex;
 			gap             : 50px;
 			justify-content : space-between;
-
-			.notificationAdd {
-				position       : relative;
-				display        : flex;
-				flex-direction : column;
-				width          : 500px;
-			
-				.field {
-					display               : grid;
-					grid-template-columns : 120px 150px;
-					align-items           : center;
-					justify-items         : stretch;
-					width                 : 100%;
-					margin-bottom         : 20px;
-			   
-				
-					input {
-						height      : 33px;
-						padding     : 0px 10px;
-						font-family : monospace;
-					}
-				
-					textarea {
-						resize:vertical;
-						width  : 50ch;
-						min-height : 7em;
-						max-height : 25em;
-					}
-				}
-			
-				button {
-				
-					position : absolute;
-					right    : 0;
-					bottom   : 0;
-					
-					i { margin-right : 10px; }
-				}
-			}
-		
-			.notificationLookup {
-				width     : max-content;
-				min-width : 450px;
-		
-				.notificationList {
-					display        : flex;
-					flex-direction : column;
-					gap            : px;
-					margin-block   : 20px;
-					border         : 1px solid;
-					border-radius  : 5px;
-						
-					details {
-						padding    : 10px;
-						background : #CCCCCC;
-							
-						&:nth-child(even) { background : #DDDDDD; }
-						&:first-child {
-							border-top-left-radius  : 5px;
-							border-top-right-radius : 5px;
-						}
-						&:last-child {
-							border-bottom-right-radius : 5px;
-							border-bottom-left-radius  : 5px;
-						}
-							
-						summary {
-							font-size   : 20px;
-							font-weight : 900;
-						}
-					}
-				}
-				
-			}
 		}
-		
 	}
 }