fix: decrease padding for the provider icon at the "Continue with ..." button

yaroslav8765 · yaroslav8765 · commit b431a020e94e · 2025-11-20T09:52:04.000+02:00
diff --git a/custom/OAuthLoginButtons.vue b/custom/OAuthLoginButtons.vue
@@ -10,7 +10,7 @@
         meta.pill ? 'rounded-full' : 'rounded-md'
       ]"
     >
-      <div v-html="provider.icon" class="w-6 h-6 dark:text-white" :class="meta.iconOnly ? 'mr-0' : 'mr-4'" :alt="getProviderName(provider.provider)" />
+      <div v-html="provider.icon" class="w-6 h-6 dark:text-white" :class="meta.iconOnly ? 'mr-0' : 'mr-2'" :alt="getProviderName(provider.provider)" />
       <span v-if="!meta.iconOnly" class="font-medium dark:text-white">{{ getButtonText(provider.buttonText) }}</span>
     </a>
   </div>

Original file line number	Diff line number	Diff line change
`@@ -10,7 +10,7 @@`
`10`	`10`	`meta.pill ? 'rounded-full' : 'rounded-md'`
`11`	`11`	`]"`
`12`	`12`	`>`
`13`		`- <div v-html="provider.icon" class="w-6 h-6 dark:text-white" :class="meta.iconOnly ? 'mr-0' : 'mr-4'" :alt="getProviderName(provider.provider)" />`
	`13`	`+ <div v-html="provider.icon" class="w-6 h-6 dark:text-white" :class="meta.iconOnly ? 'mr-0' : 'mr-2'" :alt="getProviderName(provider.provider)" />`
`14`	`14`	`<span v-if="!meta.iconOnly" class="font-medium dark:text-white">{{ getButtonText(provider.buttonText) }}</span>`
`15`	`15`	`</a>`
`16`	`16`	`</div>`