From 486c8473fcb67d11076c8601c40f59a76d406ad1 Mon Sep 17 00:00:00 2001
From: qwerty287 <80460567+qwerty287@users.noreply.github.com>
Date: Sun, 23 Oct 2022 00:30:25 +0200
Subject: [PATCH] Fix approval on mobile (#1320)

Closes #1096
---
 web/src/views/repo/pipeline/Pipeline.vue | 8 ++++++--
 1 file changed, 6 insertions(+), 2 deletions(-)

diff --git a/web/src/views/repo/pipeline/Pipeline.vue b/web/src/views/repo/pipeline/Pipeline.vue
index 7e3f3ab95..956aca087 100644
--- a/web/src/views/repo/pipeline/Pipeline.vue
+++ b/web/src/views/repo/pipeline/Pipeline.vue
@@ -1,7 +1,11 @@
 <template>
   <div class="flex flex-col flex-grow">
     <div class="flex w-full min-h-0 flex-grow">
-      <PipelineProcList v-model:selected-proc-id="selectedProcId" :pipeline="pipeline" />
+      <PipelineProcList
+        v-model:selected-proc-id="selectedProcId"
+        :class="{ 'hidden md:flex': pipeline.status === 'blocked' }"
+        :pipeline="pipeline"
+      />
 
       <div class="flex flex-grow relative">
         <div v-if="error" class="flex flex-col p-4">
@@ -9,7 +13,7 @@
           <span class="text-red-400">{{ error }}</span>
         </div>
 
-        <div v-else-if="pipeline.status === 'blocked'" class="flex flex-col flex-grow justify-center items-center">
+        <div v-else-if="pipeline.status === 'blocked'" class="flex flex-col flex-grow justify-center items-center p-2">
           <Icon name="status-blocked" class="w-32 h-32 text-color" />
           <p class="text-xl text-color">{{ $t('repo.pipeline.protected.awaits') }}</p>
           <div v-if="repoPermissions.push" class="flex mt-2 space-x-4">