repair panel CSS

src/App.vue

@@ -5,6 +5,7 @@ import ElementPopup from './components/ElementPopup.vue';
 // import PagePopup from './components/PagePopup.vue'; // DISABLED: page template styling feature
 import PreviewLoader from './components/PreviewLoader.vue';
 import SaveButton from './components/SaveButton.vue';
+import PrintButton from './components/PrintButton.vue';
 import { onMounted, ref, computed, provide } from 'vue';
 import { useStylesheetStore } from './stores/stylesheet';
 import { useNarrativeStore } from './stores/narrative';
@@ -107,7 +108,7 @@ onMounted(async () => {
 
   <PreviewLoader :isLoading="isTransitioning" :shifted="activeTab.length > 0" />
 
-  <SaveButton />
+  
 
   <ElementPopup
     ref="elementPopup"
@@ -122,21 +123,12 @@ onMounted(async () => {
   />
   -->
 
-  <button
-    class="print-btn"
-    @click="printPreview"
-    :title="`Imprimer (${isMac ? '⌘' : 'Ctrl'}+P)`"
-  >
-    <svg
-      xmlns="http://www.w3.org/2000/svg"
-      viewBox="0 0 24 24"
-      fill="currentColor"
-    >
-      <path
-        d="M17 2H7V6H17V2ZM19 8H5C3.34 8 2 9.34 2 11V17H6V21H18V17H22V11C22 9.34 20.66 8 19 8ZM16 19H8V14H16V19ZM19 12C18.45 12 18 11.55 18 11C18 10.45 18.45 10 19 10C19.55 10 20 10.45 20 11C20 11.55 19.55 12 19 12Z"
-      />
-    </svg>
-  </button>
+
+  <div id="group-btn">
+    <SaveButton />
+    <PrintButton :printPreview="printPreview" />
+  </div>
+  
 </template>
 
 <style>