From 5dec24377dc62241146bb674358621fb1fe34802 Mon Sep 17 00:00:00 2001
From: Tor Andersson <tor@ccxvii.net>
Date: Mon, 22 Nov 2021 13:12:38 +0100
Subject: More Pug cleanups.

---
 public/style.css | 45 ++++++++++++---------------------------------
 1 file changed, 12 insertions(+), 33 deletions(-)

(limited to 'public/style.css')

diff --git a/public/style.css b/public/style.css
index 9db076f..8290892 100644
--- a/public/style.css
+++ b/public/style.css
@@ -72,7 +72,7 @@ input[type="text"], input[type="password"], textarea {
 	margin: 5px 0;
 	border: 1px solid black;
 }
-input:focus {
+input:focus, textarea:focus {
 	outline: 2px solid lightsteelblue;
 }
 button, select {
@@ -98,42 +98,21 @@ p.warning { color: brown; }
 p.warning::before { content: "\26a0"; }
 
 div.post {
-	margin-bottom: 2em;
 	max-width: 50em;
-	display: grid;
-	grid-template:
-		"from time" auto
-		"body body" 1fr
-		"xxxx edit" auto
-		/ 1fr auto
-}
-div.post div.from {
-	grid-area: from;
-	background-color: gainsboro;
-	padding: 5px 10px;
-	border-top: 1px solid black;
-	border-left: 1px solid black;
-	font-weight: bold;
-}
-div.post div.time {
-	grid-area: time;
-	background-color: gainsboro;
-	padding: 5px;
-	border-top: 1px solid black;
-	border-right: 1px solid black;
-}
-div.post div.body {
-	grid-area: body;
+	margin-top: 24px;
 	border: 1px solid black;
-	padding: 15px;
-	white-space: pre-wrap;
 }
-div.post div.edit{
-	grid-area: edit;
-	padding: 5px;
-	text-align:right;
+div.post > div.head {
+	display: flex;
+	justify-content: space-between;
+	padding: 5px 10px;
+	background-color: gainsboro;
+	border-bottom: 1px solid black;
 }
-div.post div.from a:not(:hover) {color:black;text-decoration:none}
+div.post > div.head a { font-weight: bold; }
+div.post > div.head a:not(:hover) { color: black; text-decoration: none; }
+div.post > div.body { padding: 15px; white-space: pre-wrap; }
+div.post + div.edit { max-width: 50em; margin-top: 5px; text-align:right; }
 
 article hr { max-width: 50rem; margin-right: auto; margin-left: 0; }
 article hr { border: none; border-top: 2px dotted brown; }
-- 
cgit v1.2.3