add decent table styles

client/admin/admin.less

@@ -67,7 +67,6 @@ body {
 			dd { height      : fit-content; }
 		}
 		
-
 		.tabs button {
 			margin-right     : 3px;
 			margin-left      : 3px;
@@ -95,6 +94,50 @@ body {
 		}
 	}
 
+	table {
+		padding    : 10px;
+
+		tr:nth-child(even) { background : #DDDDDD; }
+
+		thead {
+			background    : rgb(193,236,230);
+			border-bottom : 2px solid;
+		}
+        
+		th, td {
+			padding        : 5px 10px;
+			vertical-align : middle;
+			text-align     : center;
+			border-right   : 1px solid;
+			
+			&:last-child { border-right : none; }
+		}
+
+		th {
+			font-weight:900;
+			&:nth-child(2) { background : #FFB3BA; }
+			&:nth-child(3) { background : #FFDFBA; }
+			&:nth-child(4) { background : #FFFFBA; }
+			&:nth-child(5) { background : #BAFFC9; }
+			&:nth-child(6) { background : #BAE1FF; }
+		}
+
+		td {
+			&:first-child {
+				font-weight  : 900;
+				text-align   : left;
+				border-right : 2px solid;
+			}
+			&:nth-child(2) { background : #FFB3BA80; }
+			&:nth-child(3) { background : #FFDFBA80; }
+			&:nth-child(4) { background : #FFFFBA80; }
+			&:nth-child(5) { background : #BAFFC980; }
+			&:nth-child(6) { background : #BAE1FF80; }
+			
+		}
+
+	}
+
 	.error {
 		float        : right;
 		padding      : 10px;

client/admin/authorUtils/authorLookup/authorLookup.jsx

@@ -26,7 +26,7 @@ const authorLookup = ()=>{
 		</>;
 
 		return <>
-			<h2>{`Results - ${results.length}`}</h2>
+			<h2>{`Results - ${results.length} brews` }</h2>
 			<table className='resultsTable'>
 				<thead>
 					<tr>
@@ -45,8 +45,8 @@ const authorLookup = ()=>{
 						})
 						.map((brew, idx)=>{
 							return <tr key={idx}>
-								<td>{brew.title}</td>
-								<td>{brew.shareId}</td>
+								<td><strong>{brew.title}</strong></td>
+								<td><a href={`/share/${brew.shareId}`}>{brew.shareId}</a></td>
 								<td>{brew.editId}</td>
 								<td>{brew.updatedAt}</td>
 								<td>{brew.googleId ? 'Google' : 'Homebrewery'}</td>

client/admin/authorUtils/authorLookup/authorLookup.less

@@ -26,23 +26,4 @@
 		}
 	}
 
-	table.resultsTable {
-		* {
-			border: 1px solid black;
-			vertical-align: middle;
-			padding: 5px;
-		}
-
-		th {
-			font-weight: bold;
-		}
-
-		th, td {
-			text-align: center;
-
-			&:first-of-type {
-				text-align: left;
-			}
-		}
-	}	
 }