Fix "Add a new kit" buttons

fablabbcn · Mar 25, 2024 · 6330169 · 6330169
1 parent 5ba7c0c
commit 6330169
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 3 deletions.
diff --git 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
@@ -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