From 209acd6532810036913140c8e83704d30bc02dd4 Mon Sep 17 00:00:00 2001
From: LuboslavBurdenski <luboslav990226@gmail.com>
Date: Wed, 10 Nov 2021 15:54:27 +0200
Subject: [PATCH 1/2] fix responsivness in `semi-tablet`

---
 src/styles/components/Header.scss      | 11 +++++++++++
 src/styles/components/ScreenCards.scss |  6 +++++-
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/styles/components/Header.scss b/src/styles/components/Header.scss
index e8521ee..0f0a1fc 100644
--- a/src/styles/components/Header.scss
+++ b/src/styles/components/Header.scss
@@ -52,6 +52,17 @@
     }
 }
 @include semi-tablet{
+    .mainHeader {
+        margin-top: 0;
+        flex-flow: row wrap;
+        font-size: 12px;
+        :nth-child(1) { order: 1; }
+        :nth-child(2) { order: 3; }
+        :nth-child(3) { order: 2; }
+        .networkAndTokens{
+            width: 250px;
+        }
+    }
    .networkAndTokens{
     flex-basis: 100%;
     width: 0;
diff --git a/src/styles/components/ScreenCards.scss b/src/styles/components/ScreenCards.scss
index 0b864c8..d7f4bac 100644
--- a/src/styles/components/ScreenCards.scss
+++ b/src/styles/components/ScreenCards.scss
@@ -92,12 +92,12 @@
 @include tablet {
     .claimContainer {
         width: 50%;
-        margin-top: 20%;
     }
     .connectWindow {
         width: 50%;
     }
 }
+
 @include mobile {
     .claimContainer {
         width: 90%;
@@ -167,6 +167,10 @@
     }
 }
 @include semi-tablet{
+    .dataForm{
+        width: 90%;
+        flex: 2;
+     }
     .claimContainer{
         width: 50%;
         margin-top: 5%;

From 5142ad12c0db44f61eb98c3fca5b9901251bf484 Mon Sep 17 00:00:00 2001
From: LuboslavBurdenski <luboslav990226@gmail.com>
Date: Wed, 10 Nov 2021 16:24:43 +0200
Subject: [PATCH 2/2] `claimContainer` change in scss

---
 src/styles/components/ScreenCards.scss | 1 +
 1 file changed, 1 insertion(+)

diff --git a/src/styles/components/ScreenCards.scss b/src/styles/components/ScreenCards.scss
index d7f4bac..9e53c76 100644
--- a/src/styles/components/ScreenCards.scss
+++ b/src/styles/components/ScreenCards.scss
@@ -78,6 +78,7 @@
 
 @include high-end {
     .claimContainer{
+        width: 25%;
         height: 469px;
     }
 }