From af2ef30205eadef8860c317d85124cb7e26920d9 Mon Sep 17 00:00:00 2001
From: qwerty287 <80460567+qwerty287@users.noreply.github.com>
Date: Sat, 18 Mar 2023 12:00:49 +0100
Subject: [PATCH] Fix button margin if button doesn't have text (#1642)

---
 web/components.d.ts                  | 42 ++++++++++++++++++++++++++++
 web/src/components/atomic/Button.vue |  2 +-
 2 files changed, 43 insertions(+), 1 deletion(-)

diff --git a/web/components.d.ts b/web/components.d.ts
index 32f425c69..178d55621 100644
--- a/web/components.d.ts
+++ b/web/components.d.ts
@@ -22,9 +22,51 @@ declare module '@vue/runtime-core' {
     FluidContainer: typeof import('./src/components/layout/FluidContainer.vue')['default']
     GeneralTab: typeof import('./src/components/repo/settings/GeneralTab.vue')['default']
     Header: typeof import('./src/components/layout/scaffold/Header.vue')['default']
+    IBiCheckCircleFill: typeof import('~icons/bi/check-circle-fill')['default']
+    IBiCircle: typeof import('~icons/bi/circle')['default']
+    IBiPlayCircleFill: typeof import('~icons/bi/play-circle-fill')['default']
+    IBiSlashCircleFill: typeof import('~icons/bi/slash-circle-fill')['default']
+    IBiStopCircleFill: typeof import('~icons/bi/stop-circle-fill')['default']
+    IBiXCircleFill: typeof import('~icons/bi/x-circle-fill')['default']
+    IBxBxPowerOff: typeof import('~icons/bx/bx-power-off')['default']
+    ICarbonCloseOutline: typeof import('~icons/carbon/close-outline')['default']
+    ICarbonInProgress: typeof import('~icons/carbon/in-progress')['default']
+    IClarityDeployLine: typeof import('~icons/clarity/deploy-line')['default']
+    IClaritySettingsSolid: typeof import('~icons/clarity/settings-solid')['default']
     Icon: typeof import('./src/components/atomic/Icon.vue')['default']
     IconButton: typeof import('./src/components/atomic/IconButton.vue')['default']
+    IGgTrash: typeof import('~icons/gg/trash')['default']
+    IIcBaselineDarkMode: typeof import('~icons/ic/baseline-dark-mode')['default']
+    IIcBaselineDownloadForOffline: typeof import('~icons/ic/baseline-download-for-offline')['default']
+    IIcBaselineEdit: typeof import('~icons/ic/baseline-edit')['default']
+    IIcBaselineFileDownload: typeof import('~icons/ic/baseline-file-download')['default']
+    IIcBaselineFileDownloadOff: typeof import('~icons/ic/baseline-file-download-off')['default']
+    IIcBaselineHealing: typeof import('~icons/ic/baseline-healing')['default']
+    IIcBaselinePlayArrow: typeof import('~icons/ic/baseline-play-arrow')['default']
+    IIconoirArrowLeft: typeof import('~icons/iconoir/arrow-left')['default']
+    IIconParkOutlineAlarmClock: typeof import('~icons/icon-park-outline/alarm-clock')['default']
+    IIcRoundLightMode: typeof import('~icons/ic/round-light-mode')['default']
+    IIcSharpTimelapse: typeof import('~icons/ic/sharp-timelapse')['default']
+    IIcTwotoneAdd: typeof import('~icons/ic/twotone-add')['default']
+    ILaTimes: typeof import('~icons/la/times')['default']
+    IMdiBitbucket: typeof import('~icons/mdi/bitbucket')['default']
+    IMdiChevronRight: typeof import('~icons/mdi/chevron-right')['default']
+    IMdiClockTimeEightOutline: typeof import('~icons/mdi/clock-time-eight-outline')['default']
+    IMdiFormatListBulleted: typeof import('~icons/mdi/format-list-bulleted')['default']
+    IMdiGestureTap: typeof import('~icons/mdi/gesture-tap')['default']
+    IMdiGithub: typeof import('~icons/mdi/github')['default']
+    IMdiLoading: typeof import('~icons/mdi/loading')['default']
+    IMdiSourceBranch: typeof import('~icons/mdi/source-branch')['default']
+    IMdisourceCommit: typeof import('~icons/mdi/source-commit')['default']
+    IMdiSourcePull: typeof import('~icons/mdi/source-pull')['default']
+    IMdiSync: typeof import('~icons/mdi/sync')['default']
+    IMdiTagOutline: typeof import('~icons/mdi/tag-outline')['default']
     InputField: typeof import('./src/components/form/InputField.vue')['default']
+    IPhGitlabLogoSimpleFill: typeof import('~icons/ph/gitlab-logo-simple-fill')['default']
+    ISimpleIconsGitea: typeof import('~icons/simple-icons/gitea')['default']
+    ITeenyiconsGitSolid: typeof import('~icons/teenyicons/git-solid')['default']
+    ITeenyiconsRefreshOutline: typeof import('~icons/teenyicons/refresh-outline')['default']
+    IVaadinQuestionCircleO: typeof import('~icons/vaadin/question-circle-o')['default']
     ListItem: typeof import('./src/components/atomic/ListItem.vue')['default']
     ManualPipelinePopup: typeof import('./src/components/layout/popups/ManualPipelinePopup.vue')['default']
     Navbar: typeof import('./src/components/layout/header/Navbar.vue')['default']
diff --git a/web/src/components/atomic/Button.vue b/web/src/components/atomic/Button.vue
index 96d18cffa..ecdc3f59b 100644
--- a/web/src/components/atomic/Button.vue
+++ b/web/src/components/atomic/Button.vue
@@ -18,7 +18,7 @@
     @click="doClick"
   >
     <slot>
-      <Icon v-if="startIcon" :name="startIcon" class="mr-1 !w-6 !h-6" :class="{ invisible: isLoading }" />
+      <Icon v-if="startIcon" :name="startIcon" class="!w-6 !h-6" :class="{ invisible: isLoading, 'mr-1': text }" />
       <span :class="{ invisible: isLoading }">{{ text }}</span>
       <Icon v-if="endIcon" :name="endIcon" class="ml-2 w-6 h-6" :class="{ invisible: isLoading }" />
       <div