Add template js handler and comments

Signed-off-by: John Molakvoæ (skjnldsv) <skjnldsv@protonmail.com>

1 files changed, 8 insertions, 3 deletions

diff --git a/css/admin.scss b/css/admin.scss
index 5965798d..17414dc9 100644
--- a/css/admin.scss
+++ b/css/admin.scss
@@ -48,20 +48,24 @@
 		display: flex;
 		li {
 			$size: 150px;
+			$space: 10px;
 			border-radius: var(--border-radius);
 			border: 1px solid var(--color-border);
-			margin: 10px;
+			margin: $space;
 			position: relative;
 			figure {
 				display: flex;
 				flex-direction: column;
 				width: $size;
-				margin: 10px;
+				margin: $space;
 				img {
 					width: $size;
 					height: $size;
 					background-color: var(--color-background-dark);
 				}
+				figcaption {
+					margin-top: $space;
+				}
 			}
 			.delete-cover,
 			.delete-template {
@@ -70,13 +74,14 @@
 				top: 0;
 				left: 0;
 				position: absolute;
-				margin: 10px;
+				margin: $space;
 				opacity: 0;
 				transition: opacity 250ms ease-in-out;
 				z-index: 3;
 				line-height: $size;
 				text-align: center;
 				font-size: 20px;
+				background-size: 24px;
 				// text is set as bg
 				color: var(--color-background-darker);
 			}