From 8b6db431d6069967ba16179c208775f79a97a83a Mon Sep 17 00:00:00 2001
From: axolotle <nchesnais@mailoo.org>
Date: Mon, 3 Oct 2022 17:41:02 +0200
Subject: [PATCH] formitems: add DisplayTextItem for simple text & fix
 ButtonItem style

---
 .../components/globals/formItems/ButtonItem.vue  |  1 +
 .../globals/formItems/DisplayTextItem.vue        | 16 ++++++++++++++++
 .../globals/formItems/MarkdownItem.vue           |  1 -
 app/src/helpers/yunohostArguments.js             |  8 +++++++-
 4 files changed, 24 insertions(+), 2 deletions(-)
 create mode 100644 app/src/components/globals/formItems/DisplayTextItem.vue

diff --git a/app/src/components/globals/formItems/ButtonItem.vue b/app/src/components/globals/formItems/ButtonItem.vue
index 9f890444..c09f3fb4 100644
--- a/app/src/components/globals/formItems/ButtonItem.vue
+++ b/app/src/components/globals/formItems/ButtonItem.vue
@@ -4,6 +4,7 @@
     :variant="type"
     @click="$emit('action', $event)"
     :disabled="!enabled"
+    class="d-block mb-3"
   >
     <icon :iname="icon_" class="mr-2" />
     <span v-html="label" />
diff --git a/app/src/components/globals/formItems/DisplayTextItem.vue b/app/src/components/globals/formItems/DisplayTextItem.vue
new file mode 100644
index 00000000..186ef1a7
--- /dev/null
+++ b/app/src/components/globals/formItems/DisplayTextItem.vue
@@ -0,0 +1,16 @@
+<template>
+  <div>
+    <p v-text="label" />
+  </div>
+</template>
+
+<script>
+export default {
+  name: 'DisplayTextItem',
+
+  props: {
+    id: { type: String, default: null },
+    label: { type: String, default: null }
+  }
+}
+</script>
diff --git a/app/src/components/globals/formItems/MarkdownItem.vue b/app/src/components/globals/formItems/MarkdownItem.vue
index 7fd4bacb..359c4e67 100644
--- a/app/src/components/globals/formItems/MarkdownItem.vue
+++ b/app/src/components/globals/formItems/MarkdownItem.vue
@@ -12,4 +12,3 @@ export default {
   }
 }
 </script>
-
diff --git a/app/src/helpers/yunohostArguments.js b/app/src/helpers/yunohostArguments.js
index a5d56a6c..ffded7a5 100644
--- a/app/src/helpers/yunohostArguments.js
+++ b/app/src/helpers/yunohostArguments.js
@@ -225,11 +225,17 @@ export function formatYunoHostArgument (arg) {
       renderSelf: true
     },
     {
-      types: ['markdown', 'display_text'],
+      types: ['markdown'],
       name: 'MarkdownItem',
       props: ['label:ask'],
       renderSelf: true
     },
+    {
+      types: ['display_text'],
+      name: 'DisplayTextItem',
+      props: ['label:ask'],
+      renderSelf: true
+    },
     {
       types: ['button'],
       name: 'ButtonItem',