From a318c100ebeabe8d166d5bf434df85c3e64c951e Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jo=C5=BEe=20Fortun?= <joze.fortun@gmail.com>
Date: Tue, 14 Nov 2023 12:36:12 +0100
Subject: [PATCH] Add gap to record toolbar prev next record buttons

---
 client/web/compose/src/components/Common/RecordToolbar.vue | 7 +++++--
 1 file changed, 5 insertions(+), 2 deletions(-)

diff --git a/client/web/compose/src/components/Common/RecordToolbar.vue b/client/web/compose/src/components/Common/RecordToolbar.vue
index 455a0cfd1..486f45612 100644
--- a/client/web/compose/src/components/Common/RecordToolbar.vue
+++ b/client/web/compose/src/components/Common/RecordToolbar.vue
@@ -20,7 +20,10 @@
     </template>
 
     <template #center>
-      <b-button-group v-if="recordNavigation.prev || recordNavigation.next">
+      <div
+        v-if="recordNavigation.prev || recordNavigation.next"
+        class="d-flex align-items-center fill-width gap-1"
+      >
         <b-button
           pill
           size="lg"
@@ -42,7 +45,7 @@
         >
           <font-awesome-icon :icon="['fas', 'angle-right']" />
         </b-button>
-      </b-button-group>
+      </div>
 
       <slot name="center-actions" />
     </template>