From 271db5a16b2029a7a0af60f5963e00e472fe6b7f Mon Sep 17 00:00:00 2001
From: Chakravarthi Medicharla <medicharlachakravarthi@gmail.com>
Date: Tue, 19 Mar 2024 12:27:34 +0530
Subject: [PATCH] fixes issues in mobile for login methods

---
 src/ui/components/copyText/CopyText.scss                  | 4 ++++
 .../components/userDetail/loginMethods/loginMethods.scss  | 8 ++------
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/src/ui/components/copyText/CopyText.scss b/src/ui/components/copyText/CopyText.scss
index 61925a65..812b3ac2 100644
--- a/src/ui/components/copyText/CopyText.scss
+++ b/src/ui/components/copyText/CopyText.scss
@@ -23,6 +23,10 @@
 		max-width: 180px;
 		flex: 1;
 		padding-right: 4px;
+
+		@media (max-width: 600px) {
+			max-width: 80px;
+		}
 	}
 	.copy-text-action {
 		cursor: pointer;
diff --git a/src/ui/components/userDetail/loginMethods/loginMethods.scss b/src/ui/components/userDetail/loginMethods/loginMethods.scss
index 1e81ef06..0bf6b33a 100644
--- a/src/ui/components/userDetail/loginMethods/loginMethods.scss
+++ b/src/ui/components/userDetail/loginMethods/loginMethods.scss
@@ -32,6 +32,7 @@
 
 				display: flex;
 				flex-wrap: wrap;
+				align-items: center;
 				gap: 6px;
 
 				.copy-text-wrapper {
@@ -49,6 +50,7 @@
 
 			@media screen and (max-width: 900px) {
 				gap: 14px;
+				flex-direction: column;
 				.user-id-span {
 					margin-left: 0;
 
@@ -107,12 +109,6 @@
 	}
 }
 
-@media (max-width: 638px) {
-	.left {
-		flex-direction: column;
-	}
-}
-
 @media (max-width: 480px) {
 	.method {
 		.method-header {