Refactor button styles in Pathway.vue

YACS-RCOS · Dec 8, 2023 · 50e902d · 50e902d
1 parent 653b993
commit 50e902d
Showing 1 changed file with 4 additions and 10 deletions.
diff --git a/src/web/src/pages/Pathway.vue b/src/web/src/pages/Pathway.vue
@@ -4,26 +4,20 @@
 
     <!-- button to switch between alphabet order and category order -->
     <div style="float: left;" class="w-10">
-      <b-button
+      <b-button variant="primary"
         @click="listAlphabet()"
         style="
           margin-top: 10px;
-          color: #007bff;
-          border: solid #007bff;
-          background-color: transparent;
         "
       >
         List by Alphabet
       </b-button>
       <br />
-      <b-button
+      <b-button variant="primary"
         @click="listCate()"
         style="
-          margin-top: 10px;
-          color: #007bff;
-          border: solid #007bff;
-          background-color: transparent;
-        "
+        margin-top: 10px;
+      "
       >
         List by Category
       </b-button>