From 8fb7d72cc961ed6ddd6014668b746a0a3caaf1f9 Mon Sep 17 00:00:00 2001
From: Matthias Vogelgesang <matthias.vogelgesang@gmail.com>
Date: Tue, 14 Jan 2025 19:38:52 +0100
Subject: [PATCH] Flexbox-ify remaining grid layout

---
 src/themes/style.css | 15 ++++++---------
 1 file changed, 6 insertions(+), 9 deletions(-)

diff --git a/src/themes/style.css b/src/themes/style.css
index 630e1e6..9affd74 100644
--- a/src/themes/style.css
+++ b/src/themes/style.css
@@ -215,19 +215,15 @@ a, a:visited, a:hover {
 }
 
 .container {
-  display: grid;
-  grid-template-columns: 4fr 1fr;
-  grid-template-rows: 1fr;
-  grid-gap: 2em;
+  display: flex;
+  flex-direction: row;
+  gap: 32px;
   height: 100%;
-  align-items: stretch;
-  justify-items: stretch;
 }
 
 .content {
-  grid-area: content;
-  grid-column: 1/2;
-  grid-row: 1/2;
+  display: flex;
+  flex: 1;
 }
 
 .content > textarea {
@@ -250,6 +246,7 @@ a, a:visited, a:hover {
   display: flex;
   flex-direction: column;
   gap: 32px;
+  width: 256px;
 }
 
 .controls-group {