From 0ed7638d8820feb22c36cc39a35cef7fea12224d Mon Sep 17 00:00:00 2001
From: Deepak Singh <32263182+deepaksing@users.noreply.github.com>
Date: Tue, 25 Apr 2023 23:28:43 -0700
Subject: [PATCH] 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>
---
 packages/bridge-ui/src/components/form/BridgeForm.svelte      | 4 ++--
 packages/bridge-ui/src/components/form/Memo.svelte            | 2 +-
 .../src/components/form/ProcessingFee/ProcessingFee.svelte    | 2 +-
 packages/bridge-ui/src/components/form/To.svelte              | 2 +-
 4 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/packages/bridge-ui/src/components/form/BridgeForm.svelte b/packages/bridge-ui/src/components/form/BridgeForm.svelte
index b3762f45bcd..80d77b72e77 100644
--- 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
index 5c0347a7060..5b6aa9b0f9b 100644
--- 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
index 0beb8e93fde..3411c557f51 100644
--- 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
index 09e455e56cd..1b8ccddf112 100644
--- 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>