Add more style

css/style.css

@@ -13,6 +13,41 @@ table {
 	width: 100%;
 }
 
+tr {
+	position: relative;
+	cursor: pointer;
+}
+
+tr::before {
+	content: '';
+	display: none;
+	position: absolute;
+	top: 0;
+	left: 0;
+	width: 100%;
+	height: 100%;
+	background: #00000044;
+}
+
+tr::after {
+	content: '';
+	display: none;
+	position: absolute;
+	top: calc(50% - 10px);
+	left: calc(50% - 10px);
+	width: 20px;
+	height: 20px;
+	background: url(/img/loader.png);
+	background-size: contain;
+	filter: invert(100%);
+	animation: spin 1s linear infinite;
+}
+
+tr.loading::before,
+tr.loading::after {
+	display: block;
+}
+
 td {
 	padding: 5px 10px;
 }
@@ -21,11 +56,20 @@ td {
 	display: none;
 }
 
+#loader {
+	text-align: center;
+}
+
 #loader span {
 	animation: 1500ms infinite loader;
 	animation-delay: calc(var(--i) * 500ms);
 }
 
+@keyframes spin {
+	from { transform: rotate(0deg); }
+	to { transform: rotate(360deg); }
+}
+
 @keyframes loader {
 	from {
 		opacity: 1;
@@ -34,3 +78,9 @@ td {
 		opacity: 0;
 	}
 }
+
+@media (prefers-color-scheme: light) {
+	tr::after {
+		filter: invert(0%);
+	}
+}