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;
-						}
-					}
-				}
-				
-			}
 		}
-		
 	}
 }

client/admin/brewUtils/brewCleanup/brewCleanup.less

@@ -1,10 +1,9 @@
-.BrewCleanup{
+.BrewCleanup {
-	.removeBox{
+	.removeBox {
-		margin-top: 20px;
+		margin-top : 20px;
-		button{
+		button {
-			background-color: @red;
+			margin-right     : 10px;
-			margin-right: 10px;
+			background-color : @red;
 		}
 	}
-
 }

client/admin/brewUtils/brewCompress/brewCompress.less

@@ -1,10 +1,9 @@
-.BrewCompress{
+.BrewCompress {
-	.removeBox{
+	.removeBox {
-		margin-top: 20px;
+		margin-top : 20px;
-		button{
+		button {
-			background-color: @red;
+			margin-right     : 10px;
-			margin-right: 10px;
+			background-color : @red;
 		}
 	}
-
 }

client/admin/brewUtils/brewLookup/brewLookup.jsx

@@ -1,4 +1,3 @@
-require('./brewLookup.less');
 const React = require('react');
 const createClass = require('create-react-class');
 const cx    = require('classnames');

client/admin/brewUtils/brewLookup/brewLookup.less

@@ -1,30 +0,0 @@
-
-.brewLookup{
-	input{
-		height        : 33px;
-		margin-bottom : 20px;
-		padding       : 0px 10px;
-		font-family   : monospace;
-	}
-	button{
-		vertical-align : middle;
-		height         : 37px;
-	}
-	dl{
-		@maxItemWidth : 132px;
-		dt{
-			float      : left;
-			clear      : left;
-			width      : @maxItemWidth;
-			text-align : right;
-			&::after {
-				content: " : ";
-			}
-		}
-		dd{
-			height      : 1em;
-			margin-left : @maxItemWidth + 6px;
-			padding     : 0 0 0.5em 0;
-		}
-	}
-}

client/admin/brewUtils/stats/stats.less

@@ -1,28 +1,13 @@
 
-.Stats{
+.Stats {
 	position : relative;
-	.pending{
+	
+	.pending {
 		position         : absolute;
 		top              : 0px;
 		left             : 0px;
-		height           : 100%;
 		width            : 100%;
+		height           : 100%;
 		background-color : rgba(238,238,238, 0.5);
 	}
-	dl{
-		@maxItemWidth : 132px;
-		dt{
-			float      : left;
-			clear      : left;
-			width      : @maxItemWidth;
-			text-align : right;
-			&::after {
-				content: " : ";
-			}
-		}
-		dd{
-			margin  : 0 0 0 @maxItemWidth + 10px;
-			padding : 0 0 0.5em 0;
-		}
-	}
 }

client/admin/notificationUtils/notificationAdd/notificationAdd.jsx

@@ -1,3 +1,4 @@
+require('./notificationAdd.less');
 const React = require('react');
 const { useState, useRef } = require('react');
 const cx = require('classnames');

client/admin/notificationUtils/notificationAdd/notificationAdd.less

@@ -1,20 +1,39 @@
+.notificationAdd {
+	position       : relative;
+	display        : flex;
+	flex-direction : column;
+	width          : 500px;
 
-.notificationAdd{
+	.field {
-	input{
+		display               : grid;
-		height        : 33px;
+		grid-template-columns : 120px 150px;
-		margin-bottom : 20px;
+		align-items           : center;
-		padding       : 0px 10px;
+		justify-items         : stretch;
-		font-family   : monospace;
+		width                 : 100%;
+		margin-bottom         : 20px;
+   
+	
+		input {
+			height        : 33px;
+			padding       : 0px 10px;
+			margin-bottom : unset;
+			font-family   : monospace;
+		}
+	
+		textarea {
+			width      : 50ch;
+			min-height : 7em;
+			max-height : 25em;
+			resize     : vertical;
+		}
 	}
-	button{
+
-		vertical-align : middle;
+	button {
-		height         : 37px;
+	
-	}
+		position : absolute;
-	.fieldLabel{
+		right    : 0;
-		display: inline-block;
+		bottom   : 0;
-		width: 10%;
+		
-	}
+		i { margin-right : 10px; }
-	.fieldInput{
-		margin-bottom: 5px;
 	}
 }

client/admin/notificationUtils/notificationLookup/notificationLookup.jsx

@@ -125,7 +125,7 @@ const NotificationLookup = () => {
         }
 
         if (notifications.length === 0) {
-            return <div className="noNotifications">No notifications available.</div>;
+            return <div className="noNotification">No notifications available.</div>;
         }
 
         return (
@@ -143,7 +143,7 @@ const NotificationLookup = () => {
     return (
         <div className="notificationLookup">
             <div className="byId">
-                <h2>Lookup</h2>
+                <h2>Lookup by dissmiss key</h2>
                 <input
                     type="text"
                     ref={lookupRef}
@@ -166,7 +166,7 @@ const NotificationLookup = () => {
                 {renderFoundNotification()}
             </div>
             <div className="all">
-                <h2>All Notifications</h2>
+                <h2>Check all Notifications</h2>
                 <button onClick={lookupAll}>
                     <i
                         className={cx('fas', {

client/admin/notificationUtils/notificationLookup/notificationLookup.less

@@ -1,30 +1,35 @@
 
-.notificationLookup{
+.notificationLookup {
-	input{
+	width     : max-content;
-		height        : 33px;
+	min-width : 450px;
-		margin-bottom : 20px;
+
-		padding       : 0px 10px;
+	.notificationList {
-		font-family   : monospace;
+		display        : flex;
-	}
+		flex-direction : column;
-	button{
+		gap            : px;
-		vertical-align : middle;
+		margin-block   : 20px;
-		height         : 37px;
+		border         : 1px solid;
-	}
+		border-radius  : 5px;
-	dl{
+		
-		@maxItemWidth : 132px;
+		details {
-		dt{
+			padding    : 10px;
-			float      : left;
+			background : #CCCCCC;
-			clear      : left;
+				
-			width      : @maxItemWidth;
+			&:nth-child(even) { background : #DDDDDD; }
-			text-align : right;
+			&:first-child {
-			&::after {
+				border-top-left-radius  : 5px;
-				content: " : ";
+				border-top-right-radius : 5px;
+			}
+			&:last-child {
+				border-bottom-right-radius : 5px;
+				border-bottom-left-radius  : 5px;
+			}
+				
+			summary {
+				font-size   : 20px;
+				font-weight : 900;
 			}
 		}
-		dd{
-			height      : 1em;
-			margin-left : @maxItemWidth + 6px;
-			padding     : 0 0 0.5em 0;
-		}
 	}
+	.noNotification { margin-block : 20px; }
 }

themes/themes.json

@@ -29,12 +29,12 @@
       "baseSnippets": false,
       "path": "Blank"
     },
-    "Journal": {
+    "journal": {
       "name": "Journal",
       "renderer": "V3",
       "baseTheme": "Blank",
       "baseSnippets": "5ePHB",
-      "path": "Journal"
+      "path": "journal"
     }
   }
 }