Tweak hardware signer filter button styling

Author: andreasgriffin

assets/sass/styles.scss

@@ -136,19 +136,19 @@ table img {
 .hardware-signer-filter-buttons {
     display: flex;
     flex-wrap: wrap;
-    gap: 0.65rem;
+    gap: 0.5rem;
 }
 
 .hardware-signer-filter-btn {
     display: inline-flex;
     align-items: center;
-    gap: 0.5rem;
-    padding: 0.55rem 0.95rem;
+    gap: 6px;
+    padding: 4px 10px;
     border: 1px solid #cbd5e1;
     border-radius: 999px;
     background: #fff;
     color: #334155;
-    font-size: 0.95rem;
+    font-size: 0.85rem;
     font-weight: 600;
     line-height: 1;
     transition: background-color 0.2s ease, border-color 0.2s ease, color 0.2s ease, box-shadow 0.2s ease, transform 0.2s ease;
@@ -160,12 +160,12 @@ table img {
 
 .hardware-signer-filter-btn:focus-visible {
     outline: none;
-    box-shadow: 0 0 0 0.22rem rgba(13, 110, 253, 0.2);
+    box-shadow: 0 0 0 0.22rem rgba(117, 49, 249, 0.22);
 }
 
 .hardware-signer-filter-btn.is-active {
-    border-color: #0d6efd;
-    background: #0d6efd;
+    border-color: #7531f9;
+    background: #7531f9;
     color: #fff;
 }
 
@@ -175,8 +175,8 @@ table img {
 }
 
 .hardware-signer-filter-icon {
-    width: 1rem;
-    height: 1rem;
+    width: 1.2em;
+    height: 1.2em;
     filter: brightness(0) saturate(100%) invert(25%) sepia(12%) saturate(903%) hue-rotate(176deg) brightness(95%) contrast(88%);
 }