From d8be62838b865fdb41c441736b7b5ccb6fad8fa2 Mon Sep 17 00:00:00 2001
From: Denis Gukov <denguk@gmail.com>
Date: Thu, 21 Nov 2024 19:14:17 +0500
Subject: [PATCH] fix(ui): task log head on mobile screen

---
 web/src/components/TaskLogView.vue | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/web/src/components/TaskLogView.vue b/web/src/components/TaskLogView.vue
index c6fa6029..b25a62d8 100644
--- a/web/src/components/TaskLogView.vue
+++ b/web/src/components/TaskLogView.vue
@@ -7,8 +7,8 @@
     >{{ item.message }}
     </v-alert>
 
-    <v-container class="pa-0 mb-2">
-      <v-row no-gutters>
+    <v-container class="pa-0 mb-2 overflow-auto">
+      <v-row no-gutters class="flex-nowrap">
         <v-col>
           <v-list two-line subheader class="pa-0">
             <v-list-item class="pa-0">
@@ -20,7 +20,7 @@
             </v-list-item>
           </v-list>
         </v-col>
-        <v-col>
+        <v-col class="pr-4">
           <v-list two-line subheader class="pa-0">
             <v-list-item class="pa-0">
               <v-list-item-content v-if="item.user_id != null">
@@ -33,7 +33,7 @@
             </v-list-item>
           </v-list>
         </v-col>
-        <v-col>
+        <v-col class="pr-4">
           <v-list two-line subheader class="pa-0">
             <v-list-item class="pa-0">
               <v-list-item-content>