From e17f79e0b1fda844e3b07a6abf4cf7a3fadd17d0 Mon Sep 17 00:00:00 2001
From: James Collins <james.collins@outlook.com.au>
Date: Thu, 27 Apr 2023 16:51:46 +1000
Subject: [PATCH] improve small screen layout

---
 resources/js/components/SMButtonRow.vue | 6 ++++--
 1 file changed, 4 insertions(+), 2 deletions(-)

diff --git a/resources/js/components/SMButtonRow.vue b/resources/js/components/SMButtonRow.vue
index 8ef04ac..0d40d66 100644
--- a/resources/js/components/SMButtonRow.vue
+++ b/resources/js/components/SMButtonRow.vue
@@ -19,7 +19,8 @@ const slots = useSlots();
 <style lang="scss">
 .row.button-row {
     flex-direction: row-reverse;
-    padding: 0 16px;
+    align-items: center;
+    // padding: 0 16px;
 
     & > div {
         display: flex;
@@ -34,12 +35,13 @@ const slots = useSlots();
 }
 
 @media only screen and (max-width: 768px) {
-    .button-row {
+    .row.button-row {
         padding: 0;
         flex-direction: column-reverse;
         gap: 15px;
 
         & > div {
+            align-items: center;
             flex-direction: column;
         }
     }