From 450c202065bc1517a1b60e78d54558962c747063 Mon Sep 17 00:00:00 2001
From: pat-s <patrick.schratz@gmail.com>
Date: Fri, 10 Jan 2025 09:35:10 +0100
Subject: [PATCH] add whitespace normal button, use p-4, add negative header
 padding

---
 web/src/views/Login.vue | 7 ++++---
 1 file changed, 4 insertions(+), 3 deletions(-)

diff --git a/web/src/views/Login.vue b/web/src/views/Login.vue
index b780590c1..9a6a3aa3a 100644
--- a/web/src/views/Login.vue
+++ b/web/src/views/Login.vue
@@ -20,14 +20,15 @@
         <WoodpeckerLogo preserveAspectRatio="xMinYMin slice" class="h-32 w-32 md:h-48 md:w-48" />
       </div>
       <div
-        class="flex min-h-48 flex-col items-center justify-center gap-4 !whitespace-normal px-4 text-center md:w-2/5"
+        class="flex min-h-48 flex-col items-center justify-center gap-4 text-center md:w-2/5"
       >
-        <h1 class="text-xl text-wp-text-100">{{ $t('welcome') }}</h1>
-        <div class="flex flex-col gap-2">
+        <h1 class="text-xl text-wp-text-100 -mb-4">{{ $t('welcome') }}</h1>
+        <div class="flex flex-col gap-2 whitespace-normal p-4">
           <Button
             v-for="forge in forges"
             :key="forge.id"
             :start-icon="forge.type === 'addon' ? 'repo' : forge.type"
+            class="!whitespace-normal"
             @click="doLogin(forge.id)"
           >
             {{ $t('login_with', { forge: getHostFromUrl(forge) }) }}