From 26adf0d700b6c124b9d960599761be181e95414a Mon Sep 17 00:00:00 2001
From: Pablo Vazquez <pablo@blender.org>
Date: Tue, 3 May 2022 19:25:47 +0200
Subject: [PATCH] Cleanup: Rename action-bar classes and buttons

---
 web/app/src/components/JobActionsBar.vue  | 8 ++++----
 web/app/src/components/JobsTable.vue      | 4 +++-
 web/app/src/components/TaskActionsBar.vue | 6 +++---
 3 files changed, 10 insertions(+), 8 deletions(-)

diff --git a/web/app/src/components/JobActionsBar.vue b/web/app/src/components/JobActionsBar.vue
index 96076040..1e245ae5 100644
--- a/web/app/src/components/JobActionsBar.vue
+++ b/web/app/src/components/JobActionsBar.vue
@@ -1,9 +1,9 @@
 <template>
-  <section class="action-bar jobs">
-    <button class="action cancel" :disabled="!jobs.canCancel" v-on:click="onButtonCancel">Cancel</button>
-    <button class="action requeue" :disabled="!jobs.canRequeue" v-on:click="onButtonRequeue">Requeue</button>
+  <div class="btn-bar jobs">
+    <button class="btn cancel" :disabled="!jobs.canCancel" v-on:click="onButtonCancel">Cancel Job</button>
+    <button class="btn requeue" :disabled="!jobs.canRequeue" v-on:click="onButtonRequeue">Requeue</button>
     <!-- <button class="action delete dangerous" :disabled="!jobs.canDelete" v-on:click="onButtonDelete">Delete</button> -->
-  </section>
+  </div>
 </template>
 
 <script>
diff --git a/web/app/src/components/JobsTable.vue b/web/app/src/components/JobsTable.vue
index 2aa618f6..f58156b6 100644
--- a/web/app/src/components/JobsTable.vue
+++ b/web/app/src/components/JobsTable.vue
@@ -1,6 +1,8 @@
 <template>
-  <job-actions-bar />
   <div class="job-list-container">
+  <div>
+    <h2 class="column-title">Jobs</h2>
+    <job-actions-bar />
     <div class="job-list" id="flamenco_job_list"></div>
   </div>
 </template>
diff --git a/web/app/src/components/TaskActionsBar.vue b/web/app/src/components/TaskActionsBar.vue
index 1092da91..27a4cb4b 100644
--- a/web/app/src/components/TaskActionsBar.vue
+++ b/web/app/src/components/TaskActionsBar.vue
@@ -1,7 +1,7 @@
 <template>
-  <section class="action-bar tasks">
-    <button class="action cancel" :disabled="!tasks.canCancel" v-on:click="onButtonCancel">Cancel</button>
-    <button class="action requeue" :disabled="!tasks.canRequeue" v-on:click="onButtonRequeue">Requeue</button>
+  <section class="btn-bar tasks">
+    <button class="btn cancel" :disabled="!tasks.canCancel" v-on:click="onButtonCancel">Cancel Task</button>
+    <button class="btn requeue" :disabled="!tasks.canRequeue" v-on:click="onButtonRequeue">Requeue</button>
   </section>
 </template>