From f67872194b9509beb5ae5e9a0b5c7fa632923b2c Mon Sep 17 00:00:00 2001
From: Vasilica Olariu <olariu.vasilica@gmail.com>
Date: Thu, 3 Aug 2023 09:01:30 +0300
Subject: [PATCH] MP-336 - fix mobile issues for social links

---
 .../LinkEntry/LinkEntry.module.scss                      | 8 ++++++--
 .../links/ModifyMemberLinksModal/LinkEntry/LinkEntry.tsx | 2 +-
 .../ModifyMemberLinksModal/LinkForm/LinkForm.module.scss | 9 ++++++++-
 3 files changed, 15 insertions(+), 4 deletions(-)

diff --git a/src/apps/profiles/src/member-profile/links/ModifyMemberLinksModal/LinkEntry/LinkEntry.module.scss b/src/apps/profiles/src/member-profile/links/ModifyMemberLinksModal/LinkEntry/LinkEntry.module.scss
index 5a08836ad..fc2123ab6 100644
--- a/src/apps/profiles/src/member-profile/links/ModifyMemberLinksModal/LinkEntry/LinkEntry.module.scss
+++ b/src/apps/profiles/src/member-profile/links/ModifyMemberLinksModal/LinkEntry/LinkEntry.module.scss
@@ -37,8 +37,7 @@
         }
 
         svg {
-            width: 24px;
-            height: 24px;
+            @include icon-xxl;
         }
     }
 }
@@ -47,6 +46,7 @@
     display: flex;
     flex-direction: column;
     align-items: flex-start;
+    flex: 1 1;
 
     small {
         font-size: 11px;
@@ -60,3 +60,7 @@
         word-break: break-all;
     }
 }
+
+.btnsWrap {
+    flex: 0 0 auto;
+}
diff --git a/src/apps/profiles/src/member-profile/links/ModifyMemberLinksModal/LinkEntry/LinkEntry.tsx b/src/apps/profiles/src/member-profile/links/ModifyMemberLinksModal/LinkEntry/LinkEntry.tsx
index 2549347f6..5eac162f8 100644
--- a/src/apps/profiles/src/member-profile/links/ModifyMemberLinksModal/LinkEntry/LinkEntry.tsx
+++ b/src/apps/profiles/src/member-profile/links/ModifyMemberLinksModal/LinkEntry/LinkEntry.tsx
@@ -43,7 +43,7 @@ const LinkEntry: FC<LinkEntryProps> = props => {
                     <small>{props.link.name}</small>
                     <p>{props.link.url}</p>
                 </div>
-                <div>
+                <div className={styles.btnsWrap}>
                     <Button
                         className={styles.button}
                         size='lg'
diff --git a/src/apps/profiles/src/member-profile/links/ModifyMemberLinksModal/LinkForm/LinkForm.module.scss b/src/apps/profiles/src/member-profile/links/ModifyMemberLinksModal/LinkForm/LinkForm.module.scss
index 83187eaac..79809bc16 100644
--- a/src/apps/profiles/src/member-profile/links/ModifyMemberLinksModal/LinkForm/LinkForm.module.scss
+++ b/src/apps/profiles/src/member-profile/links/ModifyMemberLinksModal/LinkForm/LinkForm.module.scss
@@ -24,14 +24,21 @@
     &>div:nth-child(1) {
         margin-right: $sp-2;
         min-width: 150px;
+        @include ltemd {
+            min-width: 0;
+        }
     }
 
     &>div:nth-child(2) {
         flex: 1;
-        margin-right: $sp-2;
     }
     &>button {
         margin-bottom: $sp-45;
+
+        svg {
+            @include icon-xxl;
+        }
+
         &.button {
             margin-left: $sp-2;
             padding-left: $sp-2;