X-Git-Url: https://osm.etsi.org/gitweb/?a=blobdiff_plain;f=src%2Fapp%2Froles%2Froles-create-edit%2FRolesCreateEditComponent.scss;h=c2d08852cdb7a7f135e418549b05524ff010a3b4;hb=c84f1123f8ba69f9e2211b2d816bb415e595efaa;hp=362973adaac3e836dec024e9ddc3727e7494f3a0;hpb=3b4814aa2d3dec621dadb52f058ba95a3dc3a86a;p=osm%2FNG-UI.git

diff --git a/src/app/roles/roles-create-edit/RolesCreateEditComponent.scss b/src/app/roles/roles-create-edit/RolesCreateEditComponent.scss
index 362973a..c2d0885 100644
--- a/src/app/roles/roles-create-edit/RolesCreateEditComponent.scss
+++ b/src/app/roles/roles-create-edit/RolesCreateEditComponent.scss
@@ -15,14 +15,19 @@
 
  Author: KUMARAN M (kumaran.m@tataelxsi.co.in), RAJESH S (rajesh.s@tataelxsi.co.in), BARATH KUMAR R (barath.r@tataelxsi.co.in)
 */
-@import '../../../assets/scss/mixins/mixin';
-@import '../../../assets/scss/variable';
- .custom-button{
+@import "../../../assets/scss/mixins/mixin";
+@import "../../../assets/scss/variable";
+button:focus:not(:focus-visible) {
+  border-color: $gray-400;
+}
+.custom-button {
   label {
-    @include padding-value(2,2,2,2);
+    @include padding-value(2, 2, 2, 2);
+    border: none;
     &.active {
+      border: none;
       @include background(null, $white, null, null, null);
-      span{
+      span {
         img {
           opacity: 1;
         }
@@ -33,16 +38,16 @@
     }
     span {
       display: inline-block;
-      @include wh-value(30px,30px);
+      @include wh-value(30px, 30px);
       cursor: pointer;
       border-radius: 50%;
-      @include border(all,2,solid, $white);
+      @include border(all, 2, solid, $white);
       @include box-shadow(0px, 1px, 3px, 0px, $dark);
       @include background(null, null, null, no-repeat, center);
       text-align: center;
       @include line-height(25px);
       img {
-        width:50%;
+        width: 50%;
         opacity: 0;
         @include transition(all, 0.3, null, ease);
       }