fixes issues in mobile for login methods

supertokens · Mar 19, 2024 · 271db5a · 271db5a
1 parent c773176
commit 271db5a
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git 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
@@ -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 {