From b3701ef493d445cc38d93430e4af15e3f6639b1b Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Sybren=20A=2E=20St=C3=BCvel?= <sybren@blender.org>
Date: Sat, 16 Jul 2022 13:23:06 +0200
Subject: [PATCH] Web: style task log buttons

Style the task log buttons like the other buttons.
---
 web/app/src/components/jobs/TaskDetails.vue | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

diff --git a/web/app/src/components/jobs/TaskDetails.vue b/web/app/src/components/jobs/TaskDetails.vue
index a583c9d0..57e956a5 100644
--- a/web/app/src/components/jobs/TaskDetails.vue
+++ b/web/app/src/components/jobs/TaskDetails.vue
@@ -56,9 +56,13 @@
     </dl>
 
     <h3 class="sub-title">Task Log</h3>
-    <button @click="$emit('showTaskLogTail')" title="Open the task log tail in the footer.">
-      Follow Task Log</button>
-    <button @click="openFullLog" title="Opens the task log in a new window.">Open Full Log</button>
+    <div class="btn-bar-group">
+      <section class="btn-bar tasklog">
+        <button class="btn" @click="$emit('showTaskLogTail')" title="Open the task log tail in the footer.">
+          Follow Task Log</button>
+        <button class="btn" @click="openFullLog" title="Opens the task log in a new window.">Open Full Log</button>
+      </section>
+    </div>
   </template>
 
   <div v-else class="details-no-item-selected">