From 4325b0ff4e3ad21c6ccbe507581d836957d80232 Mon Sep 17 00:00:00 2001 From: DianaXWiki Date: Fri, 24 Oct 2025 14:06:35 +0300 Subject: [PATCH 01/10] Fix missing paddings & missing icon --- www/profile/app-profile.less | 6 ++++++ www/profile/inner.js | 2 +- 2 files changed, 7 insertions(+), 1 deletion(-) diff --git a/www/profile/app-profile.less b/www/profile/app-profile.less index cf8474521..75328c28c 100644 --- a/www/profile/app-profile.less +++ b/www/profile/app-profile.less @@ -187,6 +187,12 @@ flex: 0; margin-top: 10px; } + .cp-app-profile-friend-request.btn-success { + margin-right: 0.5rem; + } + .cp-app-profile-friend-request b { + margin-right: 0.3rem; + } // I tried using flexbox but messed with how the pencil icon was displayed #cp-app-profile-invite-button { diff --git a/www/profile/inner.js b/www/profile/inner.js index 98d64fc00..d8c8344c7 100644 --- a/www/profile/inner.js +++ b/www/profile/inner.js @@ -276,7 +276,7 @@ define([ return; } // This is not a friend yet: we can send a friend request - $button.text(Messages._getKey('userlist_addAsFriendTitle', [data.name || Messages.anonymous])) + $button.empty().append([Icons.get('add-friend'), h('span', Messages._getKey('userlist_addAsFriendTitle', [data.name || Messages.anonymous]))]) .click(function () { APP.common.sendFriendRequest({ curvePublic: data.curvePublic, From 84a4990b21b239e15c0743c2cdb603e46695c20a Mon Sep 17 00:00:00 2001 From: DianaXWiki Date: Thu, 27 Nov 2025 15:24:46 +0200 Subject: [PATCH 02/10] Make friend request button responsive --- www/profile/app-profile.less | 1 + 1 file changed, 1 insertion(+) diff --git a/www/profile/app-profile.less b/www/profile/app-profile.less index 75328c28c..41d7d47ee 100644 --- a/www/profile/app-profile.less +++ b/www/profile/app-profile.less @@ -185,6 +185,7 @@ } .cp-app-profile-friend-request { flex: 0; + white-space: normal; margin-top: 10px; } .cp-app-profile-friend-request.btn-success { From 513dcaee07965cebeddf8647d60af77e460faf2f Mon Sep 17 00:00:00 2001 From: DianaXWiki Date: Thu, 27 Nov 2025 15:32:56 +0200 Subject: [PATCH 03/10] Fix resizing of icon inside button --- www/profile/app-profile.less | 3 +++ 1 file changed, 3 insertions(+) diff --git a/www/profile/app-profile.less b/www/profile/app-profile.less index 41d7d47ee..236b6c51b 100644 --- a/www/profile/app-profile.less +++ b/www/profile/app-profile.less @@ -187,6 +187,9 @@ flex: 0; white-space: normal; margin-top: 10px; + svg { + min-width: @variables_icon_width; + } } .cp-app-profile-friend-request.btn-success { margin-right: 0.5rem; From d02544cfc4222f32fa30ebdce02be6a7b8661af5 Mon Sep 17 00:00:00 2001 From: DianaXWiki Date: Thu, 4 Dec 2025 15:52:05 +0200 Subject: [PATCH 04/10] Fix wrapping for already sent friend req button --- www/profile/app-profile.less | 3 --- www/profile/inner.js | 2 +- 2 files changed, 1 insertion(+), 4 deletions(-) diff --git a/www/profile/app-profile.less b/www/profile/app-profile.less index 236b6c51b..eef7256f5 100644 --- a/www/profile/app-profile.less +++ b/www/profile/app-profile.less @@ -194,9 +194,6 @@ .cp-app-profile-friend-request.btn-success { margin-right: 0.5rem; } - .cp-app-profile-friend-request b { - margin-right: 0.3rem; - } // I tried using flexbox but messed with how the pencil icon was displayed #cp-app-profile-invite-button { diff --git a/www/profile/inner.js b/www/profile/inner.js index d8c8344c7..e0a1edefe 100644 --- a/www/profile/inner.js +++ b/www/profile/inner.js @@ -236,7 +236,7 @@ define([ // If this curve has sent us a friend request, we should not be able to sent it to them var friendRequests = common.getFriendRequests(); if (friendRequests[data.curvePublic]) { - $button.append(Messages._getKey('friendRequest_received', [name || Messages.anonymous])) + $button.append(UI.setHTML(h('span'), Messages._getKey('friendRequest_received', [name || Messages.anonymous]))) .click(function () { UIElements.displayFriendRequestModal(common, friendRequests[data.curvePublic]); }); From 5c314bfd28ead1f809805fb30fe86c97f6c49b73 Mon Sep 17 00:00:00 2001 From: DianaXWiki Date: Wed, 10 Dec 2025 14:14:04 +0200 Subject: [PATCH 05/10] Implement fb --- www/profile/app-profile.less | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/www/profile/app-profile.less b/www/profile/app-profile.less index eef7256f5..1c84b68ef 100644 --- a/www/profile/app-profile.less +++ b/www/profile/app-profile.less @@ -186,7 +186,7 @@ .cp-app-profile-friend-request { flex: 0; white-space: normal; - margin-top: 10px; + height: auto !important; svg { min-width: @variables_icon_width; } From 91a08921ca8b2d62d14f52d9bf73cc52214652e9 Mon Sep 17 00:00:00 2001 From: DianaXWiki Date: Wed, 14 Jan 2026 12:15:32 +0200 Subject: [PATCH 06/10] Remove height auto for good --- www/profile/app-profile.less | 1 - 1 file changed, 1 deletion(-) diff --git a/www/profile/app-profile.less b/www/profile/app-profile.less index 1c84b68ef..c092f2af2 100644 --- a/www/profile/app-profile.less +++ b/www/profile/app-profile.less @@ -186,7 +186,6 @@ .cp-app-profile-friend-request { flex: 0; white-space: normal; - height: auto !important; svg { min-width: @variables_icon_width; } From 26a5963635b2853871c65f72addd1536336a55c0 Mon Sep 17 00:00:00 2001 From: DianaXWiki Date: Wed, 14 Jan 2026 12:17:56 +0200 Subject: [PATCH 07/10] Margin bottom for wrapping buttons --- www/profile/app-profile.less | 1 + 1 file changed, 1 insertion(+) diff --git a/www/profile/app-profile.less b/www/profile/app-profile.less index c092f2af2..8bd97d86a 100644 --- a/www/profile/app-profile.less +++ b/www/profile/app-profile.less @@ -186,6 +186,7 @@ .cp-app-profile-friend-request { flex: 0; white-space: normal; + margin-bottom: 0.5rem; svg { min-width: @variables_icon_width; } From 03fcf5b5c6464881f77601137fa641e8ce553125 Mon Sep 17 00:00:00 2001 From: DianaXWiki Date: Wed, 14 Jan 2026 12:22:10 +0200 Subject: [PATCH 08/10] Fix gap --- www/profile/app-profile.less | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/www/profile/app-profile.less b/www/profile/app-profile.less index 8bd97d86a..eb2007e1f 100644 --- a/www/profile/app-profile.less +++ b/www/profile/app-profile.less @@ -186,7 +186,6 @@ .cp-app-profile-friend-request { flex: 0; white-space: normal; - margin-bottom: 0.5rem; svg { min-width: @variables_icon_width; } @@ -194,6 +193,9 @@ .cp-app-profile-friend-request.btn-success { margin-right: 0.5rem; } + .cp-app-profile-friend-request.btn-danger { + margin-top: 0.5rem; + } // I tried using flexbox but messed with how the pencil icon was displayed #cp-app-profile-invite-button { From e7219c842631180d31ad22d1875310fb83891129 Mon Sep 17 00:00:00 2001 From: DianaXWiki Date: Wed, 14 Jan 2026 12:24:03 +0200 Subject: [PATCH 09/10] Better --- www/profile/app-profile.less | 4 +--- 1 file changed, 1 insertion(+), 3 deletions(-) diff --git a/www/profile/app-profile.less b/www/profile/app-profile.less index eb2007e1f..8bd97d86a 100644 --- a/www/profile/app-profile.less +++ b/www/profile/app-profile.less @@ -186,6 +186,7 @@ .cp-app-profile-friend-request { flex: 0; white-space: normal; + margin-bottom: 0.5rem; svg { min-width: @variables_icon_width; } @@ -193,9 +194,6 @@ .cp-app-profile-friend-request.btn-success { margin-right: 0.5rem; } - .cp-app-profile-friend-request.btn-danger { - margin-top: 0.5rem; - } // I tried using flexbox but messed with how the pencil icon was displayed #cp-app-profile-invite-button { From 8b3aa60a745a25bce1e4a0075a8d73b570ebdc10 Mon Sep 17 00:00:00 2001 From: DianaXWiki Date: Fri, 30 Jan 2026 16:51:42 +0200 Subject: [PATCH 10/10] Fix long username handling for both request button & display name --- www/profile/app-profile.less | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/www/profile/app-profile.less b/www/profile/app-profile.less index 8bd97d86a..9d0809ea3 100644 --- a/www/profile/app-profile.less +++ b/www/profile/app-profile.less @@ -140,6 +140,7 @@ .cp-app-profile-displayname { font-weight: bold; font-size: 30px; + word-break: break-word; } .cp-app-profile-link { font-size: 25px; @@ -194,6 +195,13 @@ .cp-app-profile-friend-request.btn-success { margin-right: 0.5rem; } + #cp-sidebarlayout-container #cp-sidebarlayout-rightside .cp-app-profile-friend-container button.btn.cp-app-profile-friend-request { + height: auto; + > span { + word-break: break-word; + overflow-wrap: anywhere; + } + } // I tried using flexbox but messed with how the pencil icon was displayed #cp-app-profile-invite-button {