Use 1px borders on inputs and buttons (#9766)

MetaMask · Oct 30, 2020 · a74aa45 · a74aa45
1 parent 77dc0ab
commit a74aa45
Show file tree

Hide file tree

Showing 11 changed files with 25 additions and 25 deletions.
diff --git a/ui/app/components/app/gas-customization/gas-price-button-group/index.scss b/ui/app/components/app/gas-customization/gas-price-button-group/index.scss
@@ -34,7 +34,7 @@
     display: flex;
     padding-top: 17px;
     border-radius: 4px;
-    border: 2px solid $spindle;
+    border-color: $spindle;
     background: $white;
     color: $scorpion;
 
@@ -52,7 +52,7 @@
   }
 
   .button-group__button--active {
-    border: 2px solid $primary-blue;
+    border-color: $primary-blue;
     color: $scorpion;
 
     i {
@@ -222,10 +222,10 @@
 
   .button-group__button--active {
     background: #f7fcff;
-    border: 2px solid #2c8bdc;
+    border-color: #2c8bdc;
 
     &:first-child {
-      border: 2px solid #2c8bdc;
+      border-color: #2c8bdc;
     }
 
     .button-check-wrapper {

diff --git a/ui/app/components/app/home-notification/index.scss b/ui/app/components/app/home-notification/index.scss
@@ -51,7 +51,7 @@
   }
 
   & &__ignore-button {
-    border: 2px solid #6a737d;
+    border-color: #6a737d;
     box-sizing: border-box;
     border-radius: 6px;
     color: $white;
@@ -75,7 +75,7 @@
   }
 
   & &__accept-button {
-    border: 2px solid #6a737d;
+    border-color: #6a737d;
     box-sizing: border-box;
     border-radius: 6px;
     color: $white;

diff --git a/ui/app/components/ui/button/buttons.scss b/ui/app/components/ui/button/buttons.scss
@@ -39,7 +39,7 @@ $warning-light-orange: #f8b588;
 
 .btn-secondary {
   color: $Blue-500;
-  border: 2px solid $hover-secondary;
+  border: 1px solid $hover-secondary;
   background-color: $white;
 
   &:hover {
@@ -60,7 +60,7 @@ $warning-light-orange: #f8b588;
 
 .btn-warning {
   color: $Orange-500;
-  border: 2px solid $hover-orange;
+  border: 1px solid $hover-orange;
   background-color: $white;
 
   &:hover {
@@ -81,7 +81,7 @@ $warning-light-orange: #f8b588;
 
 .btn-danger {
   color: $Red-500;
-  border: 2px solid $hover-red;
+  border: 1px solid $hover-red;
   background-color: $white;
 
   &:hover {
@@ -102,7 +102,7 @@ $warning-light-orange: #f8b588;
 
 .btn-danger-primary {
   color: $white;
-  border: 2px solid $Red-500;
+  border: 1px solid $Red-500;
   background-color: $Red-500;
 
   &:hover {
@@ -125,7 +125,7 @@ $warning-light-orange: #f8b588;
 
 .btn-default {
   color: $Grey-500;
-  border: 2px solid $hover-default;
+  border: 1px solid $hover-default;
 
   &:hover {
     border-color: $Grey-500;
@@ -145,7 +145,7 @@ $warning-light-orange: #f8b588;
 
 .btn-primary {
   color: $white;
-  border: 2px solid $Blue-500;
+  border: 1px solid $Blue-500;
   background-color: $Blue-500;
 
   &:hover {

diff --git a/ui/app/components/ui/text-field/text-field.component.js b/ui/app/components/ui/text-field/text-field.component.js
@@ -61,7 +61,7 @@ const styles = {
     'label + &': {
       marginTop: '9px',
     },
-    border: '2px solid #BBC0C5',
+    border: '1px solid #BBC0C5',
     height: '48px',
     borderRadius: '6px',
     padding: '0 16px',

diff --git a/ui/app/css/itcss/components/network.scss b/ui/app/css/itcss/components/network.scss
@@ -7,7 +7,7 @@
 }
 
 .network-component.pointer {
-  border: 2px solid $Grey-200;
+  border: 1px solid $Grey-200;
   border-radius: 82px;
   padding: 6px 3px;
   flex: 0 0 auto;

diff --git a/ui/app/css/itcss/components/send.scss b/ui/app/css/itcss/components/send.scss
@@ -784,7 +784,7 @@
       width: 56px;
       height: 20px;
       position: absolute;
-      border: 2px solid #b0d7f2;
+      border: 1px solid #b0d7f2;
       border-radius: 6px;
       cursor: pointer;
       top: 0;
@@ -804,7 +804,7 @@
 
     input:checked + &__button {
       background-color: $primary-blue;
-      border: 2px solid $primary-blue;
+      border: 1px solid $primary-blue;
       color: #fff;
     }
   }

diff --git a/ui/app/pages/add-token/token-list/index.scss b/ui/app/pages/add-token/token-list/index.scss
@@ -20,15 +20,15 @@
     box-sizing: border-box;
     border-radius: 10px;
     cursor: pointer;
-    border: 2px solid transparent;
+    border: 1px solid transparent;
     position: relative;
 
     &:hover {
-      border: 2px solid rgba($malibu-blue, 0.5);
+      border-color: rgba($malibu-blue, 0.5);
     }
 
     &--selected {
-      border: 2px solid $malibu-blue !important;
+      border-color: $malibu-blue !important;
     }
 
     &--disabled {

diff --git a/ui/app/pages/create-account/connect-hardware/index.scss b/ui/app/pages/create-account/connect-hardware/index.scss
@@ -45,7 +45,7 @@
 
   &__btn {
     background: #fbfbfb;
-    border: 2px solid #e5e5e5;
+    border: 1px solid #e5e5e5;
     height: 100px;
     width: 150px;
     flex: 1;
@@ -61,7 +61,7 @@
   }
 
   &__btn.selected {
-    border: 2px solid #00a8ee;
+    border-color: #00a8ee;
     width: 149px;
   }
 

diff --git a/ui/app/pages/settings/contact-list-tab/index.scss b/ui/app/pages/settings/contact-list-tab/index.scss
@@ -54,7 +54,7 @@
   &__input {
     @include H4;
 
-    border: 2px solid $Grey-200;
+    border: 1px solid $Grey-200;
     border-radius: 6px;
     color: $Grey-800;
     padding: 0.875rem 1rem;
@@ -230,7 +230,7 @@
     justify-content: center;
     align-items: center;
     border-radius: 50%;
-    border-width: 2px;
+    border-width: 1px;
     background: $primary-blue;
     margin-right: 5px;
     cursor: pointer;

diff --git a/ui/app/pages/swaps/searchable-item-list/index.scss b/ui/app/pages/swaps/searchable-item-list/index.scss
@@ -72,7 +72,7 @@
     }
 
     &--selected {
-      border: 2px solid $malibu-blue !important;
+      border: 1px solid $malibu-blue !important;
     }
 
     &--disabled {

diff --git a/ui/app/pages/swaps/select-quote-popover/index.scss b/ui/app/pages/swaps/select-quote-popover/index.scss
@@ -83,7 +83,7 @@
     border: none;
 
     &:hover {
-      border: 2px solid $Blue-500;
+      border: 1px solid $Blue-500;
       width: 101%;
       padding-right: 11px;
       padding-left: 19.5px;