From b3d7968ab8f99948fa5004095898630071697608 Mon Sep 17 00:00:00 2001
From: mykh-hailo <kristianderonta0205@gmail.com>
Date: Tue, 31 Mar 2026 04:27:06 +0200
Subject: [PATCH] fix: profile page on small screens

Signed-off-by: mykh-hailo <kristianderonta0205@gmail.com>
---
 apps/profile/src/views/ProfileApp.vue | 65 +++++++++++++++------------
 1 file changed, 36 insertions(+), 29 deletions(-)

diff --git a/apps/profile/src/views/ProfileApp.vue b/apps/profile/src/views/ProfileApp.vue
index 973b0d4b5964e..763182d97b0f9 100644
--- a/apps/profile/src/views/ProfileApp.vue
+++ b/apps/profile/src/views/ProfileApp.vue
@@ -369,6 +369,38 @@ $content-max-width: 640px;
 	}
 }
 
+.user-actions {
+	display: flex;
+	flex-direction: column;
+	gap: 8px 0;
+	margin-top: 20px;
+	max-width: 300px;
+
+	&__primary {
+		margin: 0 auto;
+		max-width: 100%;
+
+		&__icon {
+			filter: var(--primary-invert-if-dark);
+		}
+	}
+
+	&__other {
+		display: flex;
+		justify-content: center;
+		gap: 0 4px;
+
+		&__icon {
+			height: 20px;
+			width: 20px;
+			object-fit: contain;
+			filter: var(--background-invert-if-dark);
+			align-self: center;
+			margin: 12px; // so we get 44px x 44px
+		}
+	}
+}
+
 @media only screen and (max-width: 1024px) {
 	.profile {
 		&__header {
@@ -419,37 +451,12 @@ $content-max-width: 640px;
 			position: unset;
 		}
 	}
-}
 
-.user-actions {
-	display: flex;
-	flex-direction: column;
-	gap: 8px 0;
-	margin-top: 20px;
-	max-width: 300px;
-
-	&__primary {
+	.user-actions {
+		width: unset;
+		max-width: 600px;
 		margin: 0 auto;
-		max-width: 100%;
-
-		&__icon {
-			filter: var(--primary-invert-if-dark);
-		}
-	}
-
-	&__other {
-		display: flex;
-		justify-content: center;
-		gap: 0 4px;
-
-		&__icon {
-			height: 20px;
-			width: 20px;
-			object-fit: contain;
-			filter: var(--background-invert-if-dark);
-			align-self: center;
-			margin: 12px; // so we get 44px x 44px
-		}
+		padding: 20px 50px 50px 50px;
 	}
 }
 </style>