From 7a45925e31d08bc1d19b8498e9f7e90be62798e1 Mon Sep 17 00:00:00 2001
From: thePR0M3TH3AN <53631862+PR0M3TH3AN@users.noreply.github.com>
Date: Sun, 19 Oct 2025 22:15:24 -0400
Subject: [PATCH 1/4] Reduce channel profile hero sizing on mobile

---
 views/channel-profile.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/views/channel-profile.html b/views/channel-profile.html
index a3f089e0..df1dddca 100644
--- a/views/channel-profile.html
+++ b/views/channel-profile.html
@@ -18,7 +18,7 @@
     >
       <div class="flex items-center">
         <div
-          class="h-16 w-16 overflow-hidden rounded-full border-2 border-border-translucent-bright"
+          class="h-[3.2rem] w-[3.2rem] overflow-hidden rounded-full border-2 border-border-translucent-bright sm:h-16 sm:w-16"
         >
           <img
             id="channelAvatar"
@@ -28,8 +28,8 @@
           />
         </div>
         <div class="ml-4 text-text">
-          <h2 id="channelName" class="text-xl font-bold">User Name</h2>
-          <p id="channelNpub" class="text-sm opacity-80">npub...</p>
+          <h2 id="channelName" class="text-base font-bold sm:text-xl">User Name</h2>
+          <p id="channelNpub" class="text-[0.7rem] opacity-80 sm:text-sm">npub...</p>
         </div>
       </div>
       <div class="flex flex-col items-end gap-3 self-start sm:self-end">

From 0114baedb483b44819a5ac601fa092444d2ac84c Mon Sep 17 00:00:00 2001
From: thePR0M3TH3AN <53631862+PR0M3TH3AN@users.noreply.github.com>
Date: Sun, 19 Oct 2025 22:19:58 -0400
Subject: [PATCH 2/4] Refine mobile channel profile sizing

---
 views/channel-profile.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/views/channel-profile.html b/views/channel-profile.html
index df1dddca..09beda26 100644
--- a/views/channel-profile.html
+++ b/views/channel-profile.html
@@ -18,7 +18,7 @@
     >
       <div class="flex items-center">
         <div
-          class="h-[3.2rem] w-[3.2rem] overflow-hidden rounded-full border-2 border-border-translucent-bright sm:h-16 sm:w-16"
+          class="h-[3.2rem] w-[3.2rem] overflow-hidden rounded-full border-2 border-border-translucent-bright md:h-16 md:w-16"
         >
           <img
             id="channelAvatar"
@@ -28,8 +28,8 @@
           />
         </div>
         <div class="ml-4 text-text">
-          <h2 id="channelName" class="text-base font-bold sm:text-xl">User Name</h2>
-          <p id="channelNpub" class="text-[0.7rem] opacity-80 sm:text-sm">npub...</p>
+          <h2 id="channelName" class="text-base font-bold md:text-xl">User Name</h2>
+          <p id="channelNpub" class="text-[0.7rem] opacity-80 md:text-sm">npub...</p>
         </div>
       </div>
       <div class="flex flex-col items-end gap-3 self-start sm:self-end">

From 6739ed2285eb2dcaf29947abc75ce0d933a4fcb1 Mon Sep 17 00:00:00 2001
From: thePR0M3TH3AN <53631862+PR0M3TH3AN@users.noreply.github.com>
Date: Sun, 19 Oct 2025 22:23:55 -0400
Subject: [PATCH 3/4] Adjust channel header mobile sizing breakpoints

---
 views/channel-profile.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/views/channel-profile.html b/views/channel-profile.html
index 09beda26..df1dddca 100644
--- a/views/channel-profile.html
+++ b/views/channel-profile.html
@@ -18,7 +18,7 @@
     >
       <div class="flex items-center">
         <div
-          class="h-[3.2rem] w-[3.2rem] overflow-hidden rounded-full border-2 border-border-translucent-bright md:h-16 md:w-16"
+          class="h-[3.2rem] w-[3.2rem] overflow-hidden rounded-full border-2 border-border-translucent-bright sm:h-16 sm:w-16"
         >
           <img
             id="channelAvatar"
@@ -28,8 +28,8 @@
           />
         </div>
         <div class="ml-4 text-text">
-          <h2 id="channelName" class="text-base font-bold md:text-xl">User Name</h2>
-          <p id="channelNpub" class="text-[0.7rem] opacity-80 md:text-sm">npub...</p>
+          <h2 id="channelName" class="text-base font-bold sm:text-xl">User Name</h2>
+          <p id="channelNpub" class="text-[0.7rem] opacity-80 sm:text-sm">npub...</p>
         </div>
       </div>
       <div class="flex flex-col items-end gap-3 self-start sm:self-end">

From a392fbd85b2381448cc1a8930818ba5a786cba19 Mon Sep 17 00:00:00 2001
From: thePR0M3TH3AN <53631862+PR0M3TH3AN@users.noreply.github.com>
Date: Sun, 19 Oct 2025 22:30:53 -0400
Subject: [PATCH 4/4] Restore desktop channel profile sizing

---
 views/channel-profile.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/views/channel-profile.html b/views/channel-profile.html
index df1dddca..4e1506ee 100644
--- a/views/channel-profile.html
+++ b/views/channel-profile.html
@@ -18,7 +18,7 @@
     >
       <div class="flex items-center">
         <div
-          class="h-[3.2rem] w-[3.2rem] overflow-hidden rounded-full border-2 border-border-translucent-bright sm:h-16 sm:w-16"
+          class="h-16 w-16 overflow-hidden rounded-full border-2 border-border-translucent-bright max-sm:h-[3.2rem] max-sm:w-[3.2rem]"
         >
           <img
             id="channelAvatar"
@@ -28,8 +28,8 @@
           />
         </div>
         <div class="ml-4 text-text">
-          <h2 id="channelName" class="text-base font-bold sm:text-xl">User Name</h2>
-          <p id="channelNpub" class="text-[0.7rem] opacity-80 sm:text-sm">npub...</p>
+          <h2 id="channelName" class="text-xl font-bold max-sm:text-base">User Name</h2>
+          <p id="channelNpub" class="text-sm opacity-80 max-sm:text-[0.7rem]">npub...</p>
         </div>
       </div>
       <div class="flex flex-col items-end gap-3 self-start sm:self-end">