From cc2b47272a59970ff486abf3ea9c65f6b2580107 Mon Sep 17 00:00:00 2001
From: Oleg Oskolsky <oleg.oskolsky@gmail.com>
Date: Sun, 20 Jun 2021 21:04:53 +0300
Subject: [PATCH 1/3] Small UX improvements

---
 bridge/index.html | 24 +++++++++++++++++-------
 1 file changed, 17 insertions(+), 7 deletions(-)

diff --git a/bridge/index.html b/bridge/index.html
index 6bd525d..41fe5f9 100644
--- a/bridge/index.html
+++ b/bridge/index.html
@@ -17,8 +17,7 @@
             flex-direction: column;
             align-items: center;
             padding-left: 10px;
-            padding-right: 10px;
-            padding-top: 100px;
+            padding-right: -10px;
         }
 
         .img {
@@ -26,12 +25,19 @@
             background-size: contain;
             background-repeat: no-repeat;
             background-position: center;
-            max-width: 450px;
+            max-width: 350px;
             width: 100%;
-            height: 450px;
+            height: 350px;
             transition: transform 0.15s ease-out;
         }
 
+        @media (max-width: 800px) {
+            .img {
+                max-width: 250px;
+                height: 250px;
+            }
+        }
+
         .img-scale {
             transform: scale(-1, 1);
         }
@@ -70,6 +76,10 @@
             align-items: center;
             cursor: pointer;
             margin-bottom: 40px;
+            justify-content: space-between;
+        }
+        #title .network {
+            width: 38%;
         }
 
         .title {
@@ -200,12 +210,12 @@
 
 <div class="form">
     <div id="title" onclick="toggleTonToEth()">
-        <div>
+        <div class="network">
             <div class="title" id="fromNetwork">TON Testnet</div>
             <div id="fromCoin">TON Coin (Native)</div>
         </div>
         <div class="arrow"></div>
-        <div>
+        <div class="network">
             <div class="title" id="toNetwork">Ethereum Ropsten</div>
             <div id="toCoin">TONCOIN (ERC20)</div>
         </div>
@@ -834,4 +844,4 @@
 </script>
 
 </body>
-</html>
\ No newline at end of file
+</html>

From 683788782537bef0f2ed0905e4049ff499852c4a Mon Sep 17 00:00:00 2001
From: Oleg Oskolsky <oleg.oskolsky@gmail.com>
Date: Sun, 20 Jun 2021 21:06:03 +0300
Subject: [PATCH 2/3] Fix padding

---
 bridge/index.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/bridge/index.html b/bridge/index.html
index 41fe5f9..e4fad73 100644
--- a/bridge/index.html
+++ b/bridge/index.html
@@ -17,7 +17,7 @@
             flex-direction: column;
             align-items: center;
             padding-left: 10px;
-            padding-right: -10px;
+            padding-top: -10px;
         }
 
         .img {

From 523c2096763d9b32479e74f294404e2637157d1a Mon Sep 17 00:00:00 2001
From: Oleg Oskolsky <oleg.oskolsky@gmail.com>
Date: Sun, 20 Jun 2021 21:08:36 +0300
Subject: [PATCH 3/3] Fix styles

---
 bridge/index.html | 1 +
 1 file changed, 1 insertion(+)

diff --git a/bridge/index.html b/bridge/index.html
index e4fad73..4c9e99b 100644
--- a/bridge/index.html
+++ b/bridge/index.html
@@ -17,6 +17,7 @@
             flex-direction: column;
             align-items: center;
             padding-left: 10px;
+            padding-right: 10px;
             padding-top: -10px;
         }