Fix ledger webusb button margin

vacuumlabs · Jan 15, 2021 · 8dbecc5 · 8dbecc5
1 parent a0c5792
commit 8dbecc5
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 2 deletions.
diff --git a/app/frontend/components/pages/login/hardwareAuth.tsx b/app/frontend/components/pages/login/hardwareAuth.tsx
@@ -75,11 +75,11 @@ const LoadByHardwareWalletSection = ({loadWallet}: Props) => {
             <LedgerLogoWhite />
           </div>
         </button>
-        <div className="authentication-paragraph small">
+        <div className="authentication-paragraph small ledger-webusb">
           alternatively, if the above does not work:
         </div>
         <button
-          className="button secondary"
+          className="button secondary ledger-webusb"
           onClick={() =>
             loadWallet({cryptoProviderType: CRYPTO_PROVIDER_TYPES.LEDGER, forceWebUsb: true})
           }

diff --git a/app/public/css/styles.css b/app/public/css/styles.css
@@ -422,6 +422,14 @@ p.hey {
   background-image: url('../assets/logout_symbol_active.svg');
 }
 
+.button.secondary.ledger-webusb {
+  margin-top: 0px;
+}
+
+.authentication-paragraph.small.ledger-webusb {
+  margin-top: 8px;
+}
+
 .button.trezor {
   position: relative;
   padding-right: 119px;