From 6f7d0b9d5ba5f256f7c7dd2ef7d6074c1406d252 Mon Sep 17 00:00:00 2001
From: "kateryna.mishchenko" <kateryna.mishchenko@danads.se>
Date: Fri, 31 Jan 2025 15:23:18 +0200
Subject: [PATCH] Responsive layout fixes

---
 client/src/assets/scss/components/_cards.scss | 4 ++++
 client/src/assets/scss/components/_form.scss  | 3 +++
 2 files changed, 7 insertions(+)

diff --git a/client/src/assets/scss/components/_cards.scss b/client/src/assets/scss/components/_cards.scss
index d7086b6..1d48d46 100644
--- a/client/src/assets/scss/components/_cards.scss
+++ b/client/src/assets/scss/components/_cards.scss
@@ -75,6 +75,10 @@
 
 .cards-container {
   max-width: 414px;
+
+  @media (max-width: 767.98px) {
+    padding: 0 16px;
+  }
 }
 
 @media (min-width: 768px) {
diff --git a/client/src/assets/scss/components/_form.scss b/client/src/assets/scss/components/_form.scss
index 431f914..34ae941 100644
--- a/client/src/assets/scss/components/_form.scss
+++ b/client/src/assets/scss/components/_form.scss
@@ -79,6 +79,7 @@
   float: left;
   border-bottom-right-radius: 0;
   border-top-right-radius: 0;
+  margin-right: -1px;
 }
 #PhoneNumber {
   width: 70%;
@@ -110,6 +111,8 @@
     linear-gradient(68.71deg, #8a2387 -71.8%, #e94057 33.71%, #f27121 126.8%);
   background-origin: border-box;
   background-clip: padding-box, border-box;
+  position: relative;
+  z-index: 2;
 }
 .form-select {
   border: 1px solid #c5c5c5;