style: update manual upload screen paddings for responsive

binary-com · Oct 20, 2023 · f3ff43c · f3ff43c
1 parent de88356
commit f3ff43c
Showing 1 changed file with 13 additions and 2 deletions.
diff --git a/packages/account/src/Components/poi/status/unsupported/card-details/card-details.scss b/packages/account/src/Components/poi/status/unsupported/card-details/card-details.scss
@@ -5,7 +5,7 @@
     display: flex;
 
     &--mobile {
-        padding: 2.4rem 1.6rem;
+        padding: 2.4rem;
     }
 
     h3 {
@@ -21,7 +21,7 @@
     }
     &__fields-wrap {
         display: flex;
-        margin-bottom: 0.7rem;
+        margin-bottom: 2rem;
 
         .manual-poi-details--mobile & {
             flex-wrap: wrap;
@@ -30,6 +30,12 @@
         .dc-datepicker {
             margin-left: 2.4rem;
         }
+
+        @include mobile {
+            .dc-input {
+                margin-bottom: 2rem;
+            }
+        }
     }
     &__field {
         margin-bottom: 1.75rem;
@@ -182,5 +188,10 @@
         .dc-btn:not(:last-of-type) {
             margin-right: 0.8rem;
         }
+        @include mobile {
+            height: auto;
+            padding-bottom: unset;
+            padding-top: 2rem;
+        }
     }
 }