Fix toggle offset when the dropdown has a label (#626)

* fix toggle offset

* and a forgotten trad

* and a forgotten trad

packages/extension-ui/src/Popup/ImportLedger.tsx

@@ -61,7 +61,7 @@ function ImportLedger ({ className }: Props): React.ReactElement {
 
   const networkOps = useRef(
     [{
-      text: 'Select network',
+      text: t('Select network'),
       value: ''
     },
     ...ledgerChains.map(({ displayName, genesisHash }): NetworkOption => ({

packages/extension-ui/src/components/Dropdown.tsx

@@ -58,7 +58,7 @@ function Dropdown ({ className, defaultValue, isFocussed, label, onBlur, onChang
   );
 }
 
-export default React.memo(styled(Dropdown)(({ isError, theme }: Props) => `
+export default React.memo(styled(Dropdown)(({ isError, label, theme }: Props) => `
   position: relative;
 
   select {
@@ -88,7 +88,7 @@ export default React.memo(styled(Dropdown)(({ isError, theme }: Props) => `
   label::after {
     content: '';
     position: absolute;
-    top: 50%;
+    top: ${label ? 'calc(50% + 14px)' : '50%'};
     transform: translateY(-50%);
     right: 12px;
     width: 8px;

packages/extension/public/locales/en/translation.json

@@ -151,5 +151,6 @@
   "address index": "",
   "Refresh": "",
   "Import Account": "",
-  "Sign on Ledger": ""
+  "Sign on Ledger": "",
+  "Select network": ""
 }

packages/extension/public/locales/fr/translation.json

@@ -151,5 +151,6 @@
   "address index": "numéro d'adresse",
   "Refresh": "Rafraichir",
   "Import Account": "Importer",
-  "Sign on Ledger": "Signer sur Ledger"
+  "Sign on Ledger": "Signer sur Ledger",
+  "Select network": "Sélectionner un réseau"
 }