[EC-665] Fix biometrics button style (#3979)

* fix biometrics button style

* expand button to fill space

this is a result of it being used outside the box-content

* remove padding from box-footer

apps/browser/src/popup/accounts/lock.component.html

@@ -60,7 +60,7 @@
       </div>
     </div>
     <div class="box" *ngIf="biometricLock">
-      <div class="box-footer">
+      <div class="box-footer no-pad">
         <button
           type="button"
           class="btn primary block"

apps/browser/src/popup/scss/base.scss

@@ -322,6 +322,10 @@ header {
   background-color: transparent;
 }
 
+.no-pad {
+  padding: 0 !important;
+}
+
 .content {
   padding: 15px;
 }

apps/browser/src/popup/scss/box.scss

@@ -88,6 +88,18 @@
       padding: 0;
     }
 
+    button.btn.primary {
+      font-size: $font-size-base;
+      padding: 7px 15px;
+      width: 100%;
+
+      &:hover {
+        @include themify($themes) {
+          border-color: themed("borderHoverColor") !important;
+        }
+      }
+    }
+
     @include themify($themes) {
       color: themed("mutedColor");
     }