From a6387289ca284b2406aa9e1343b1f3881de56508 Mon Sep 17 00:00:00 2001
From: YaokunLin <yaokun1@ualberta.ca>
Date: Wed, 20 Sep 2023 13:14:30 -0700
Subject: [PATCH] find route btn

---
 .../src/components/sensorSideBarRoutes.vue    | 21 ++++++++++++++++---
 1 file changed, 18 insertions(+), 3 deletions(-)

diff --git a/app_vue/src/components/sensorSideBarRoutes.vue b/app_vue/src/components/sensorSideBarRoutes.vue
index d7610298..4d9228a9 100644
--- a/app_vue/src/components/sensorSideBarRoutes.vue
+++ b/app_vue/src/components/sensorSideBarRoutes.vue
@@ -5,6 +5,7 @@
   import { storeToRefs } from 'pinia';
   import SensorRouteBlock from '@/components/sensorRouteBlock.vue';
   import PointAddressField from '@/components/shared/pointAddressField.vue';
+  import { telusUi } from '@/styles/telusUi';
 
   // stores
   const routeStore = useRouteStore();
@@ -106,14 +107,17 @@
         <vue-feather class="color-red mx-3" type="alert-triangle"></vue-feather>
         <span class="routes-list__warning-text">Note: Currently only 25 bins can be added to the route. Please deselect {{ routeStore.getSelectedRouteList - 25 }} bin(s).</span>
       </div>
-      <v-btn color="#191A1C" 
+
+      <v-btn 
+        class="find-route-btn"
+        :color="telusUi.green" 
         :disabled="!state.isMapInitialized || routeStore.getSelectedRouteList > 25 || sensorStore.getTotalSensors === 0" 
         @click="findRouteClicked">
-        <span class="pr-1">Find Route</span>
+        <span class="find-route-text pr-1">Find Route</span>
         <v-progress-circular v-if="!state.isMapInitialized || state.isLoadingGoogApi"
           indeterminate
           :size="20"
-          color="#8D8D8D"
+          :color="telusUi.green"
         ></v-progress-circular>
         <vue-feather type="search" v-else></vue-feather>
       </v-btn>
@@ -143,4 +147,15 @@
       @include fontBodySmall;
     }
   }
+
+  .find-route-btn {
+    margin-top: -45px;
+  }
+
+  .find-route-text {
+    font-size: 13px;
+    font-weight: 500;
+    color: #FFFFFF;
+    font-weight: bold;
+  }
 </style>