chore(editor): header margins in items

Novout · Sep 29, 2022 · 16bf13d · 16bf13d
1 parent e08baf4
commit 16bf13d
Show file tree

Hide file tree

Showing 3 changed files with 13 additions and 13 deletions.
diff --git a/packages/better-write-app/src/components/page/editor/header/EditorHeaderItem.vue b/packages/better-write-app/src/components/page/editor/header/EditorHeaderItem.vue
@@ -1,9 +1,9 @@
 <template>
   <div
-    class="flex px-2 justify-between items-center w-full cursor-pointer text-theme-editor-header-list-text hover:text-theme-editor-header-list-text-hover active:text-theme-editor-header-list-text-active hover:bg-theme-editor-header-list-background-hover active:bg-theme-editor-header-list-background-active"
+    class="flex px-4 py-0.5 justify-between items-center w-full cursor-pointer text-theme-editor-header-list-text hover:text-theme-editor-header-list-text-hover active:text-theme-editor-header-list-text-active hover:bg-theme-editor-header-list-background-hover active:bg-theme-editor-header-list-background-active"
     @click.prevent.stop="emit('action')"
   >
-    <div class="flex items-center ml-2 gap-2 py-0.5">
+    <div class="flex items-center w-full">
       <div>
         <slot name="icon" />
       </div>

diff --git a/packages/better-write-app/src/components/page/editor/header/items/EditorBaseHeaderCreate.vue b/packages/better-write-app/src/components/page/editor/header/items/EditorBaseHeaderCreate.vue
@@ -25,15 +25,15 @@
         @action="ABSOLUTE.pdf.configuration = true"
       >
         <template #icon>
-          <IconPDF class="w-6 h-6" />
+          <IconPDF class="mr-2 w-6 h-6" />
         </template>
       </EditorHeaderItem>
       <EditorHeaderItem
         :text="t('editor.bar.pdf.generate')"
         @action="onPDFGenerate"
       >
         <template #icon>
-          <IconPDF class="w-6 h-6" />
+          <IconPDF class="mr-2 w-6 h-6" />
         </template>
       </EditorHeaderItem>
       <EditorHeaderItemDiv />
@@ -42,15 +42,15 @@
         @action="ABSOLUTE.docx.configuration = true"
       >
         <template #icon>
-          <IconDOCX class="w-6 h-6" />
+          <IconDOCX class="mr-2 w-6 h-6" />
         </template>
       </EditorHeaderItem>
       <EditorHeaderItem
         :text="t('editor.bar.docx.generate')"
         @action="plugin.emit('plugin-docx-generate')"
       >
         <template #icon>
-          <IconDOCX class="w-6 h-6" />
+          <IconDOCX class="mr-2 w-6 h-6" />
         </template>
       </EditorHeaderItem>
       <EditorHeaderItemDiv />
@@ -59,15 +59,15 @@
         @action="plugin.emit('plugin-txt-generate')"
       >
         <template #icon>
-          <IconTXT class="w-6 h-6" />
+          <IconTXT class="mr-2 w-6 h-6" />
         </template>
       </EditorHeaderItem>
       <EditorHeaderItem
         :text="t('editor.bar.html.generate')"
         @action="onHTMLGenerate"
       >
         <template #icon>
-          <IconHTML class="w-6 h-6" />
+          <IconHTML class="mr-2 w-6 h-6" />
         </template>
       </EditorHeaderItem>
       <EditorHeaderItemDiv />
@@ -76,7 +76,7 @@
         @action="ABSOLUTE.generator.substitutions = true"
       >
         <template #icon>
-          <IconArrowTo class="w-6 h-6 transform -rotate-90" />
+          <IconArrowTo class="mr-2 w-6 h-6 transform -rotate-90" />
         </template>
       </EditorHeaderItem>
     </template>

diff --git a/...es/better-write-app/src/components/page/editor/header/items/EditorBaseHeaderExternals.vue b/...es/better-write-app/src/components/page/editor/header/items/EditorBaseHeaderExternals.vue
@@ -25,31 +25,31 @@
         @action="ABSOLUTE.pages.drafts = true"
       >
         <template #icon>
-          <IconDrafts class="w-5 h-5" />
+          <IconDrafts class="mr-2 w-5 h-5" />
         </template>
       </EditorHeaderItem>
       <EditorHeaderItem
         :text="t('editor.bar.project.corrector')"
         @action="ABSOLUTE.project.corrector = true"
       >
         <template #icon>
-          <IconEraser class="w-5 h-5" />
+          <IconEraser class="mr-2 w-5 h-5" />
         </template>
       </EditorHeaderItem>
       <EditorHeaderItem
         :text="t('editor.preferences.shortcuts.inserts.title')"
         @action="ABSOLUTE.project.insertions = true"
       >
         <template #icon>
-          <IconInsertion class="w-5 h-5" />
+          <IconInsertion class="mr-2 w-5 h-5" />
         </template>
       </EditorHeaderItem>
       <EditorHeaderItem
         :text="t('editor.characters.title')"
         @action="ABSOLUTE.project.characters = true"
       >
         <template #icon>
-          <IconWolf class="w-5 h-5" />
+          <IconWolf class="mr-2 w-5 h-5" />
         </template>
       </EditorHeaderItem>
       <EditorHeaderItemDiv />