From 9718791eac8db02a4eeaf42fd12d1571d71d182c Mon Sep 17 00:00:00 2001
From: qwerty287 <80460567+qwerty287@users.noreply.github.com>
Date: Tue, 29 Aug 2023 18:31:25 +0200
Subject: [PATCH] Increase header padding again (#2348)

From #2327
(https://github.com/woodpecker-ci/woodpecker/pull/2327#pullrequestreview-1600673521)

This probably needs some discussion first, but I think it looks ugly
with the current padding.

**Before**
![Screenshot 2023-08-29 at 17-17-00
Woodpecker](https://github.com/woodpecker-ci/woodpecker/assets/80460567/0f4df035-b10e-4309-b119-2044fad1d534)

**After**
![Screenshot 2023-08-29 at 17-16-48
Woodpecker](https://github.com/woodpecker-ci/woodpecker/assets/80460567/c45328c1-c3bf-401d-83fa-1b4b1b96d0c0)
---
 web/src/components/layout/scaffold/Header.vue   | 2 +-
 web/src/views/repo/pipeline/PipelineWrapper.vue | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/components/layout/scaffold/Header.vue b/web/src/components/layout/scaffold/Header.vue
index efd7c97c7..0b6b16da1 100644
--- a/web/src/components/layout/scaffold/Header.vue
+++ b/web/src/components/layout/scaffold/Header.vue
@@ -4,7 +4,7 @@
     :class="{ 'md:px-4': fullWidth }"
   >
     <FluidContainer :full-width="fullWidth" class="!py-0">
-      <div class="flex w-full md:items-center flex-col py-2 gap-y-2 md:flex-row md:justify-between">
+      <div class="flex w-full md:items-center flex-col py-3 gap-y-2 md:flex-row md:justify-between">
         <div
           class="flex items-center content-start"
           :class="{
diff --git a/web/src/views/repo/pipeline/PipelineWrapper.vue b/web/src/views/repo/pipeline/PipelineWrapper.vue
index add23e3c0..884141c00 100644
--- a/web/src/views/repo/pipeline/PipelineWrapper.vue
+++ b/web/src/views/repo/pipeline/PipelineWrapper.vue
@@ -11,7 +11,7 @@
       <template #title>{{ repo.full_name }}</template>
 
       <template #titleActions>
-        <div class="flex md:items-center flex-col py-2 gap-x-2 md:flex-row md:justify-between">
+        <div class="flex md:items-center flex-col gap-x-2 md:flex-row md:justify-between">
           <div class="flex content-start gap-x-2 py-2 md:mr-2">
             <PipelineStatusIcon :status="pipeline.status" class="flex flex-shrink-0" />
             <span class="flex-shrink-0 text-center">{{ $t('repo.pipeline.pipeline', { pipelineId }) }}</span>