grid theme, fix close button in table, post popup

2 files changed, 64 insertions, 3 deletions

diff --git a/static/css/themes/default.css b/static/css/themes/default.css
index ac332f1..8b93e51 100644
--- a/static/css/themes/default.css
+++ b/static/css/themes/default.css
@@ -126,7 +126,8 @@ a.reply {
 }
 
 .popup-box {
-	position: absolute;
+	position: fixed;
+	min-width: 300px;
 	width: min-content;
 	z-index: 9;
 	display: block;
@@ -164,3 +165,33 @@ a.reply {
 	float: right;
 	display: none;
 }
+
+#boardGrid {
+	display: grid;
+	grid-auto-columns: 1fr;
+	border: 4px solid #820404;
+	background-color: #f9f9e0;
+}
+
+#boardGridHeader {
+	border-bottom: 2px solid #820404;
+	display: inline-grid;
+}
+
+.boardGridCell {
+	white-space: nowrap;
+	display: inline-grid;
+	text-align: left;
+	padding: 5px;
+	border-top: 2px solid #820404;
+	border-left: 2px solid #820404;
+}
+
+/* these may or may not work. my CSS is poor so i just kinda did stuff until it worked. */
+.boardGridCell:nth-child(-n+4) {
+	border-top: none;
+}
+
+.boardGridCell:nth-child(3n+2) {
+	border-left: none;
+}
diff --git a/static/css/themes/gruvbox.css b/static/css/themes/gruvbox.css
index 681991c..b534bed 100644
--- a/static/css/themes/gruvbox.css
+++ b/static/css/themes/gruvbox.css
@@ -103,11 +103,11 @@ input[type="text"] {
 }
 
 .popup-box {
-	position: absolute;
+	position: fixed;
+	min-width: 300px;
 	width: min-content;
 	z-index: 9;
 	display: block;
-	min-width: 300px;
 }
 
 /* TODO: rename */
@@ -143,3 +143,33 @@ input[type="text"] {
 	float: right;
 	display: none;
 }
+
+#boardGrid {
+	display: grid;
+	grid-auto-columns: 1fr;
+	border: 4px solid #928374;
+	background-color: #3c3836;
+}
+
+#boardGridHeader {
+	border-bottom: 2px solid #928374;
+	display: inline-grid;
+}
+
+.boardGridCell {
+	white-space: nowrap;
+	display: inline-grid;
+	text-align: left;
+	padding: 5px;
+	border-top: 2px solid #928374;
+	border-left: 2px solid #928374;
+}
+
+/* these may or may not work. my CSS is poor so i just kinda did stuff until it worked. */
+.boardGridCell:nth-child(-n+4) {
+	border-top: none;
+}
+
+.boardGridCell:nth-child(3n+2) {
+	border-left: none;
+}