with misses in html

1 files changed, 15 insertions, 40 deletions

diff --git a/served/words/words.css b/served/words/words.css
index abe4ee5..afc2919 100755
--- a/served/words/words.css
+++ b/served/words/words.css
@@ -7,6 +7,7 @@ div {
 	grid-column: 2 / 3;
 	display: flex;
 	flex-direction: column;
+	row-gap: 1rem;
 }
 
 #written {
@@ -14,54 +15,32 @@ div {
 	grid-column: 1 / 2;
 }
 
-#weeknotes-list,
-.wk-list {
-	padding: 0;
-	margin: 0;
-	display: flex;
-	flex-direction: row;
-	column-gap: 1rem;
-	list-style: none;
-	flex-wrap: wrap;
-}
-
 #what-weeknotes {
 	align-self: end;
 	margin-top: -0.75rem;
 	font-weight: normal;
 }
 
-#weeknotes-ifc {
-	padding: 0.75rem 0;
-	margin: 0.75rem 0 0.75rem 0;
-	display: grid;
-	grid-template-columns: min-content 1fr 1fr;
+.wk-miss,
+.wk-notes {
+	padding: 0;
+	margin: 0;
+	display: flex;
+	flex-direction: row;
+	flex-wrap: wrap;
 	column-gap: 1rem;
-	list-style: none;
-	border-style: solid;
-	border-color: var(--text-dim);
-	border-width: 1px 0 1px 0;
-}
-
-#weeknotes-early-only {
-	grid-column: 2 / 4;
-	padding-right: calc(50% + 1.5rem);
-	text-align: right;
-}
 
-.early {
-	text-align: right;
-	padding-right: 1rem;
+	list-style: none;
+	display: flex;
 }
 
-.late {
-	text-align: left;
+.wk-miss {
+	display: none;
 }
 
-.month {
-	text-align: center;
-	grid-column: 2 / 4;
-	padding-right: 1rem;
+.wk-notes {
+	flex-direction: column;
+	row-gap: 1rem;
 }
 
 h2 {
@@ -72,10 +51,6 @@ h2 {
 	margin: 0;
 }
 
-.miss {
-	color: var(--text-dim);
-}
-
 @media (max-width: 30rem) {
 	div {
 		display: flex;