From a43da950e816c31d4a1b4c51052b37ccd484ec76 Mon Sep 17 00:00:00 2001
From: Simon Vieille <simon@deblan.fr>
Date: Wed, 16 Apr 2025 12:18:26 +0200
Subject: [PATCH] optimize FormDisplayPicker ui

---
 .../settings/form/FormDisplayPicker.vue       | 50 ++++++++++---------
 1 file changed, 26 insertions(+), 24 deletions(-)

diff --git a/src/components/settings/form/FormDisplayPicker.vue b/src/components/settings/form/FormDisplayPicker.vue
index 416c776..2e9c648 100644
--- a/src/components/settings/form/FormDisplayPicker.vue
+++ b/src/components/settings/form/FormDisplayPicker.vue
@@ -1,29 +1,31 @@
 <template>
   <div class="cm-settings-form-displaypicker">
-    <NcButton
-      :variant="is(false, false, false) ? 'primary' : 'seconday'"
-      @click="update(false, false, false)"
-    >
-      {{ t('side_menu', 'Default') }}
-    </NcButton>
-    <NcButton
-      :variant="is(true, false, false) ? 'primary' : 'seconday'"
-      @click="update(true, false, false)"
-    >
-      {{ t('side_menu', 'Always displayed') }}
-    </NcButton>
-    <NcButton
-      :variant="is(false, true, false) ? 'primary' : 'seconday'"
-      @click="update(false, true, false)"
-    >
-      {{ t('side_menu', 'Big menu') }}
-    </NcButton>
-    <NcButton
-      :variant="is(false, false, true) ? 'primary' : 'seconday'"
-      @click="update(false, false, true)"
-    >
-      {{ t('side_menu', 'With categories') }}
-    </NcButton>
+    <div class="cm-settings-button-inline">
+      <NcButton
+        :variant="is(false, false, false) ? 'primary' : 'seconday'"
+        @click="update(false, false, false)"
+      >
+        {{ t('side_menu', 'Default') }}
+      </NcButton>
+      <NcButton
+        :variant="is(true, false, false) ? 'primary' : 'seconday'"
+        @click="update(true, false, false)"
+      >
+        {{ t('side_menu', 'Always displayed') }}
+      </NcButton>
+      <NcButton
+        :variant="is(false, true, false) ? 'primary' : 'seconday'"
+        @click="update(false, true, false)"
+      >
+        {{ t('side_menu', 'Big menu') }}
+      </NcButton>
+      <NcButton
+        :variant="is(false, false, true) ? 'primary' : 'seconday'"
+        @click="update(false, false, true)"
+      >
+        {{ t('side_menu', 'With categories') }}
+      </NcButton>
+    </div>
 
     <p>
       <img