From 5f4b7c102cf6d51d6bd30de71495de2fb2f3b1d9 Mon Sep 17 00:00:00 2001
From: jacquesfize <jacques.fize@gmail.com>
Date: Sat, 8 Nov 2025 19:57:48 +0100
Subject: [PATCH 1/2] add a share button on the configurator

---
 src/components/commons/HeaderNav.vue   |  3 ++-
 src/components/commons/ShareButton.vue | 25 +++++--------------------
 2 files changed, 7 insertions(+), 21 deletions(-)

diff --git a/src/components/commons/HeaderNav.vue b/src/components/commons/HeaderNav.vue
index 71f18c5f..0a24468b 100644
--- a/src/components/commons/HeaderNav.vue
+++ b/src/components/commons/HeaderNav.vue
@@ -10,11 +10,12 @@
             variant="light"
             class="mb-3"
         >
+            <BNavbarToggle target="nav-collapse" />
             <BNavbarBrand href="#/config"
                 ><img style="width: 35px" :src="imgUrl" />
                 {{ $t('title') }}</BNavbarBrand
             >
-            <BNavbarToggle target="nav-collapse" />
+            <ShareButton></ShareButton>
             <BCollapse id="nav-collapse" is-nav>
                 <BNavbarNav class="ms-auto mb-2 mb-lg-0">
                     <BNavForm class="d-flex" right>
diff --git a/src/components/commons/ShareButton.vue b/src/components/commons/ShareButton.vue
index 6ee045a1..bc669d58 100644
--- a/src/components/commons/ShareButton.vue
+++ b/src/components/commons/ShareButton.vue
@@ -16,27 +16,12 @@
 </script>
 
 <template>
-    <div class="row justify-content-center p-3">
-        <div
-            class="col-12 col-lg-12 col-md-6 d-flex justify-content-center align-items-center"
-        >
-            <label for="shareButton" class="mb-0 me-2 fw-bold">{{
-                $t('shareDiscover')
-            }}</label>
-            <button
-                class="btn btn-outline-secondary"
-                id="shareButton"
-                @click="copy"
-            >
-                <div v-if="copied">
-                    <i class="bi bi-check2-circle"></i> {{ $t('copied') }}!
-                </div>
-                <div v-else>
-                    <i class="bi bi-link-45deg"></i> {{ $t('copy') }}
-                </div>
-            </button>
+    <button class="btn btn-outline-secondary" id="shareButton" @click="copy">
+        <div v-if="copied">
+            <i class="bi bi-check2-circle"></i> {{ $t('copied') }}!
         </div>
-    </div>
+        <div v-else><i class="bi bi-link-45deg"></i> {{ $t('share') }}</div>
+    </button>
 </template>
 
 <style>

From fbe84f95cc3891b7d665a1272719cbc6908cddaf Mon Sep 17 00:00:00 2001
From: jacquesfize <jacques.fize@gmail.com>
Date: Sat, 8 Nov 2025 20:15:10 +0100
Subject: [PATCH 2/2] small fix

---
 src/components/commons/HeaderNav.vue | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/src/components/commons/HeaderNav.vue b/src/components/commons/HeaderNav.vue
index 0a24468b..81ff3fc7 100644
--- a/src/components/commons/HeaderNav.vue
+++ b/src/components/commons/HeaderNav.vue
@@ -15,8 +15,10 @@
                 ><img style="width: 35px" :src="imgUrl" />
                 {{ $t('title') }}</BNavbarBrand
             >
-            <ShareButton></ShareButton>
+
             <BCollapse id="nav-collapse" is-nav>
+                <ShareButton></ShareButton>
+
                 <BNavbarNav class="ms-auto mb-2 mb-lg-0">
                     <BNavForm class="d-flex" right>
                         <LanguageSwitch></LanguageSwitch>