From 63301699fe0f31037cc2bcb0e33c20176dce10d5 Mon Sep 17 00:00:00 2001
From: peters-rebecca <peters.rebecca.a@gmail.com>
Date: Mon, 25 Mar 2024 17:31:48 +0100
Subject: [PATCH] Fix "Add a new kit" buttons

---
 src/app/components/myProfile/addDeviceSelectorModal.html | 4 ++--
 src/app/helpers.scss                                     | 5 ++++-
 2 files changed, 6 insertions(+), 3 deletions(-)

diff --git a/src/app/components/myProfile/addDeviceSelectorModal.html b/src/app/components/myProfile/addDeviceSelectorModal.html
index 77743994..32b8c4c2 100644
--- a/src/app/components/myProfile/addDeviceSelectorModal.html
+++ b/src/app/components/myProfile/addDeviceSelectorModal.html
@@ -14,12 +14,12 @@ <h2>Select Kit</h2>
     <div class="bg-grey-lightest" layout-padding layout="column" layout-align="center center">
       <img style="max-height: 250px;" src="./assets/images/sckit_1.png" alt=""/>
       <p>Legacy SCK 1.0 and 1.1 from 2012 to 2016</p>
-      <md-button class="btn-round btn-cyan" ui-sref="layout.kitAdd" ng-click="cancel()">Add a kit</md-button>
+      <md-button class="btn-round-new btn-cyan" ui-sref="layout.kitAdd" ng-click="cancel()">Add a kit</md-button>
     </div>
     <div class="bg-grey-lightest" layout-padding layout="column" layout-align="center center">
       <img style="" src="./assets/images/sckit_2.png" alt=""/>
       <p>SCK 2.0 and 2.1 from 2017+</p>
-      <md-button class="btn-round btn-cyan" target="_blank" ng-href="https://start.smartcitizen.me" ng-click="cancel()">Add a kit</md-button>
+      <md-button class="btn-round-new btn-cyan" target="_blank" ng-href="https://start.smartcitizen.me" ng-click="cancel()">Add a kit</md-button>
     </div>
   </md-dialog-content>
 </md-dialog>
diff --git a/src/app/helpers.scss b/src/app/helpers.scss
index 55fe5fc5..fafd83d1 100644
--- a/src/app/helpers.scss
+++ b/src/app/helpers.scss
@@ -188,10 +188,13 @@
 .btn-cyan{
   background-color: $terciary_color;
   color:white;
+  border:2px solid $terciary_color;
 }
 
 .btn-cyan:hover{
-  color: blue;
+  color: $terciary_color;
+  background: white !important;
+  border:2px solid $terciary_color;
 }
 
 // display helpers