From 518144f30816dcc2e875f283d26cd50b37da5ffc Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Tue, 29 Jul 2025 23:46:39 +0300
Subject: [PATCH 1/3] changelog

---
 changelog.d/user_profile_redesign.change | 1 +
 1 file changed, 1 insertion(+)
 create mode 100644 changelog.d/user_profile_redesign.change

diff --git a/changelog.d/user_profile_redesign.change b/changelog.d/user_profile_redesign.change
new file mode 100644
index 000000000..27fc5f890
--- /dev/null
+++ b/changelog.d/user_profile_redesign.change
@@ -0,0 +1 @@
+User card/profile got an overhaul

From b05ebeaed504bb6ae0e1a22fc4d4815f8ce8e999 Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 30 Jul 2025 00:29:46 +0300
Subject: [PATCH 2/3] made profile action buttons easier to press

---
 src/components/user_card/user_card.scss  | 9 ++++++++-
 src/components/user_panel/user_panel.vue | 6 ++++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index d66108927..372ce44c9 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -177,12 +177,19 @@
     display: grid;
     grid-auto-flow: column;
     grid-gap: 0.6em;
+    font-size: 110%;
 
-    a, button {
+    a, button, div {
       text-align: center;
       width: 2em;
       height: 2em;
       line-height: 2em;
+      padding: 0.6em;
+      margin: -0.6em;
+
+      &:hover .icon {
+        color: var(--textFaint);
+      }
 
       &:not(:hover) .icon {
         color: var(--lightText);
diff --git a/src/components/user_panel/user_panel.vue b/src/components/user_panel/user_panel.vue
index b6912066b..a3c71b169 100644
--- a/src/components/user_panel/user_panel.vue
+++ b/src/components/user_panel/user_panel.vue
@@ -31,6 +31,12 @@
   .other-actions {
     top: -0.6em;
     right: -0.6em;
+
+    a, button, div {
+      width: 2em;
+      height: 2em;
+      line-height: 2em;
+    }
   }
 
   .user-info {

From 4ffd8499a7d0b5bac09facee286d21ff9036ee4c Mon Sep 17 00:00:00 2001
From: Henry Jameson <me@hjkos.com>
Date: Wed, 30 Jul 2025 00:30:07 +0300
Subject: [PATCH 3/3] scale avatar and user title with container width

---
 src/components/user_card/user_card.scss  | 9 ++++++++-
 src/components/user_panel/user_panel.vue | 2 ++
 2 files changed, 10 insertions(+), 1 deletion(-)

diff --git a/src/components/user_card/user_card.scss b/src/components/user_card/user_card.scss
index 372ce44c9..7357784a5 100644
--- a/src/components/user_card/user_card.scss
+++ b/src/components/user_card/user_card.scss
@@ -149,6 +149,7 @@
     display: flex;
     align-items: flex-end;
     margin-bottom: 1em;
+    container: user-card / inline-size;
 
     > * {
       min-width: 0;
@@ -165,7 +166,9 @@
       --_avatarShadowInset: var(--avatarShadowInset);
 
       width: 7em;
+      width: calc(min(7em, 20cqw));
       height: 7em;
+      height: calc(min(7em, 20cqw));
       object-fit: cover;
     }
   }
@@ -267,10 +270,14 @@
       --link: var(--text) !important;
     }
 
-    .top-line, {
+    .top-line {
       display: flex;
+      // these two normalize position and height when custom emoji are used
       line-height: 2;
+      margin-bottom: -0.2em;
       font-weight: 600;
+      font-size: 110%;
+      font-size: calc(max(110%, 4cqw));
     }
 
     .bottom-line {
diff --git a/src/components/user_panel/user_panel.vue b/src/components/user_panel/user_panel.vue
index a3c71b169..94d6a9286 100644
--- a/src/components/user_panel/user_panel.vue
+++ b/src/components/user_panel/user_panel.vue
@@ -49,7 +49,9 @@
 
     .Avatar {
       width: 5em;
+      width: calc(min(5em, 20cqw));
       height: 5em;
+      height: calc(min(5em, 20cqw));
     }
   }