From fbb1dad55fb010c91e99e7350e3e471e63f9ec49 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Sun, 29 Dec 2024 22:29:50 +0200
Subject: [PATCH] better support for 3+ buttons

---
 src/components/dialog_modal/dialog_modal.vue | 11 ++++++++---
 1 file changed, 8 insertions(+), 3 deletions(-)

diff --git a/src/components/dialog_modal/dialog_modal.vue b/src/components/dialog_modal/dialog_modal.vue
index 50b5d5e6..7ed22f6e 100644
--- a/src/components/dialog_modal/dialog_modal.vue
+++ b/src/components/dialog_modal/dialog_modal.vue
@@ -79,11 +79,14 @@
     border-top: 1px solid var(--border);
     display: grid;
     grid-gap: 0.5em;
-    grid-auto-columns: minmax(max-content, 1fr);
+    grid-template-columns: min-content;
+    grid-auto-columns: min-content;
+    grid-auto-flow: column dense;
     height: auto;
 
     button {
       width: auto;
+      white-space: nowrap;
       padding-left: 2em;
       padding-right: 2em;
     }
@@ -104,8 +107,10 @@
   .dialog-modal-footer {
     flex-direction: column;
     justify-content: flex-end;
-    grid-auto-columns: initial;
-    grid-auto-rows: 1fr;
+    grid-template-columns: 1fr;
+    grid-auto-columns: none;
+    grid-auto-rows: auto;
+    grid-auto-flow: row dense;
 
     button {
       grid-column: 1;