1 files changed, 34 insertions, 29 deletions

diff --git a/assets/css/main.css b/assets/css/main.css
index 5d3e4a5..f91b98e 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -29,52 +29,71 @@ img {
 	height: auto;
 }
 
-/* Movie list */
+/* Row tables */
 
-.movies {
-	--movie-cols: 1rem 1fr 12rem 4.5rem 5rem;
+.rt {
 	margin: 1rem 0;
 }
 
-.movies-head,
-.movie-plain,
-.movie > summary {
+.rt-head,
+.rt-plain,
+.rt-item > summary {
 	display: grid;
-	grid-template-columns: var(--movie-cols);
+	grid-template-columns: var(--rt-cols);
 	align-items: baseline;
 	gap: 0 0.5rem;
 	padding: 0.3rem 0;
 	border-bottom: 1px solid #e2e2dd;
 }
 
-.movies-head {
+.rt-head {
 	font-weight: bold;
 	border-bottom: 2px solid #cccccc;
 }
 
-.movie > summary {
+.rt-item > summary {
 	cursor: pointer;
 	list-style: none;
 }
 
-.movie > summary::-webkit-details-marker {
+.rt-item > summary::-webkit-details-marker {
 	display: none;
 }
 
-.movie > summary:hover {
+.rt-item > summary:hover {
 	background: #f7f7f7;
 }
 
-.movie-caret {
+.rt-caret {
 	display: inline-block;
 	color: #888888;
 	transition: transform 0.1s;
 }
 
-.movie[open] > summary .movie-caret {
+.rt-item[open] > summary .rt-caret {
 	transform: rotate(90deg);
 }
 
+.rt-note {
+	margin: 0 0 0.5rem 1.5rem;
+	padding: 0.5rem 0.75rem;
+	border-left: 2px solid #d5d5cf;
+}
+
+.rt-note > :first-child {
+	margin-top: 0;
+}
+
+.rt-note > :last-child {
+	margin-bottom: 0;
+}
+
+/* Movie list */
+
+.movies {
+	--rt-cols: 1rem 1fr 12rem 4.5rem 5rem;
+}
+
 .movie-date,
 .movie-rating-cell {
 	white-space: nowrap;
@@ -103,26 +122,12 @@ img {
 	content: "\2605\2605\2605\2605\2605";
 }
 
-.movie-review {
-	margin: 0 0 0.5rem 1.5rem;
-	padding: 0.5rem 0.75rem;
-	border-left: 2px solid #d5d5cf;
-}
-
-.movie-review > :first-child {
-	margin-top: 0;
-}
-
-.movie-review > :last-child {
-	margin-bottom: 0;
-}
-
 @media (max-width: 34rem) {
 	.movies {
-		--movie-cols: 1rem 1fr 5rem;
+		--rt-cols: 1rem 1fr 5rem;
 	}
 
-	.movies-head {
+	.rt-head {
 		display: none;
 	}