basic styles

client/admin/admin.less

@@ -54,6 +54,10 @@ body {
 				border           : 2px solid #444444;
 			}
 		}
+		section.notificationUtils {
+			display         : flex;
+			gap             : 50px;
+			justify-content : space-between;
 
 			.notificationAdd {
 				position       : relative;
@@ -77,10 +81,10 @@ body {
 					}
 				
 					textarea {
-					min-width  : 50ch;
+						resize:vertical;
-					max-width  : 100ch;
+						width  : 50ch;
 						min-height : 7em;
-					max-height : 30em;
+						max-height : 25em;
 					}
 				}
 			
@@ -93,5 +97,42 @@ body {
 					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;
+						}
+					}
+				}
+				
+			}
+		}
+		
 	}
 }