fix(bridge-ui): wrong spacing #13339 (#13567)

Co-authored-by: Daniel Wang <99078276+dantaik@users.noreply.github.com> Co-authored-by: Francisco Ramos <jscriptcoder@gmail.com> Co-authored-by: jeff <113397187+cyberhorsey@users.noreply.github.com> Co-authored-by: dave | d1onys1us <13951458+d1onys1us@users.noreply.github.com>
taikoxyz · Apr 26, 2023 · 0ed7638 · 0ed7638
1 parent 6a5cad9
commit 0ed7638
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 5 deletions.
diff --git a/packages/bridge-ui/src/components/form/BridgeForm.svelte b/packages/bridge-ui/src/components/form/BridgeForm.svelte
@@ -404,7 +404,7 @@
       .eq(BigNumber.from(0)); // balance == 0?
 </script>
 
-<div class="form-control my-4 md:my-8">
+<div class="form-control my-10 md:my-8">
   <label class="label" for="amount">
     <span class="label-text">{$_('bridgeForm.fieldLabel')}</span>
 
@@ -442,7 +442,7 @@
 </div>
 
 {#if showFaucet}
-  <div class="flex" style="flex-direction:row-reverse">
+  <div class="flex my-10 md:my-8" style="flex-direction:row-reverse">
     <div class="flex items-start">
       <button class="btn" on:click={() => (isFaucetModalOpen = true)}>
         <Funnel class="mr-2" /> Faucet

diff --git a/packages/bridge-ui/src/components/form/Memo.svelte b/packages/bridge-ui/src/components/form/Memo.svelte
@@ -19,7 +19,7 @@
   $: checkSizeLimit(memo);
 </script>
 
-<div class="flex flex-row justify-between mb-2">
+<div class="flex flex-row justify-between mb-4">
   <ButtonWithTooltip onClick={() => (tooltipOpen = true)}>
     <span slot="buttonText">Memo</span>
   </ButtonWithTooltip>

diff --git a/packages/bridge-ui/src/components/form/ProcessingFee/ProcessingFee.svelte b/packages/bridge-ui/src/components/form/ProcessingFee/ProcessingFee.svelte
@@ -39,7 +39,7 @@
   }
 </script>
 
-<div class="my-10">
+<div class="my-10 md:my-8">
   <div class="flex flex-row justify-between">
     <ButtonWithTooltip onClick={() => (showProcessingFeeTooltip = true)}>
       <span slot="buttonText">{$_('bridgeForm.processingFeeLabel')}</span>

diff --git a/packages/bridge-ui/src/components/form/To.svelte b/packages/bridge-ui/src/components/form/To.svelte
@@ -8,7 +8,7 @@
   let tooltipOpen: boolean = false;
 </script>
 
-<div class="flex flex-row justify-between mb-2 mt-2">
+<div class="flex flex-row justify-between">
   <ButtonWithTooltip onClick={() => (tooltipOpen = true)}>
     <span slot="buttonText">Custom Recipient</span>
   </ButtonWithTooltip>