From 0c694820f78c2bacae894b214957acf066fb6cc9 Mon Sep 17 00:00:00 2001
From: duckietm <troop@mailtjes.com>
Date: Wed, 3 Jun 2026 07:46:28 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=86=99=20Visual=20updates=20Group=20Forum?=
 =?UTF-8?q?s?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/forums/GroupForumNewThreadView.tsx     |  4 ++--
 .../views/forums/GroupForumSettingsView.tsx      |  4 ++--
 .../views/forums/GroupForumThreadListView.tsx    |  4 ++--
 .../groups/views/forums/GroupForumThreadView.tsx | 16 +++++++---------
 4 files changed, 13 insertions(+), 15 deletions(-)

diff --git a/src/components/groups/views/forums/GroupForumNewThreadView.tsx b/src/components/groups/views/forums/GroupForumNewThreadView.tsx
index 986e046..95df643 100644
--- a/src/components/groups/views/forums/GroupForumNewThreadView.tsx
+++ b/src/components/groups/views/forums/GroupForumNewThreadView.tsx
@@ -58,8 +58,8 @@ export const GroupForumNewThreadView: FC<GroupForumNewThreadViewProps> = props =
     return (
         <Column className="h-full p-3" gap={ 2 }>
             <Flex gap={ 2 } alignItems="center">
-                <Text pointer underline onClick={ onBack }>
-                    &laquo; { LocalizeText('groupforum.view.back') }
+                <Text pointer bold onClick={ onBack }>
+                    <span className="inline-block w-[7px] h-[7px] border-l-2 border-b-2 border-current rotate-45 mr-1 align-middle" /> { LocalizeText('groupforum.view.back') }
                 </Text>
             </Flex>
             <Column gap={ 1 }>
diff --git a/src/components/groups/views/forums/GroupForumSettingsView.tsx b/src/components/groups/views/forums/GroupForumSettingsView.tsx
index 4c78732..5915b3e 100644
--- a/src/components/groups/views/forums/GroupForumSettingsView.tsx
+++ b/src/components/groups/views/forums/GroupForumSettingsView.tsx
@@ -58,8 +58,8 @@ export const GroupForumSettingsView: FC<GroupForumSettingsViewProps> = props =>
     return (
         <Column className="h-full p-3" gap={ 3 }>
             <Flex gap={ 2 } alignItems="center">
-                <Text pointer underline onClick={ onBack }>
-                    &laquo; { LocalizeText('groupforum.view.back') }
+                <Text pointer bold onClick={ onBack }>
+                    <span className="inline-block w-[7px] h-[7px] border-l-2 border-b-2 border-current rotate-45 mr-1 align-middle" /> { LocalizeText('groupforum.view.back') }
                 </Text>
             </Flex>
             <Text bold>{ LocalizeText('groupforum.settings.window_title') }</Text>
diff --git a/src/components/groups/views/forums/GroupForumThreadListView.tsx b/src/components/groups/views/forums/GroupForumThreadListView.tsx
index bc2aa25..14a7615 100644
--- a/src/components/groups/views/forums/GroupForumThreadListView.tsx
+++ b/src/components/groups/views/forums/GroupForumThreadListView.tsx
@@ -92,8 +92,8 @@ export const GroupForumThreadListView: FC<GroupForumThreadListViewProps> = props
         <Column className="h-full" gap={ 0 }>
             <Flex className="bg-muted p-2 border-b" gap={ 2 } alignItems="center" justifyContent="between">
                 <Flex gap={ 2 } alignItems="center">
-                    <Text pointer underline onClick={ onBack }>
-                        &laquo; { LocalizeText('groupforum.view.back') }
+                    <Text pointer bold onClick={ onBack }>
+                        <span className="inline-block w-[7px] h-[7px] border-l-2 border-b-2 border-current rotate-45 mr-1 align-middle" /> { LocalizeText('groupforum.view.back') }
                     </Text>
                 </Flex>
                 <Flex gap={ 1 } alignItems="center">
diff --git a/src/components/groups/views/forums/GroupForumThreadView.tsx b/src/components/groups/views/forums/GroupForumThreadView.tsx
index eabbf60..2895549 100644
--- a/src/components/groups/views/forums/GroupForumThreadView.tsx
+++ b/src/components/groups/views/forums/GroupForumThreadView.tsx
@@ -203,19 +203,19 @@ export const GroupForumThreadView: FC<GroupForumThreadViewProps> = props =>
         <Column className="h-full" gap={ 0 }>
             <Flex className="bg-muted p-2 border-b" gap={ 2 } alignItems="center" justifyContent="between">
                 <Flex gap={ 2 } alignItems="center">
-                    <Text pointer underline onClick={ onBack }>
-                        &laquo; { LocalizeText('groupforum.view.back') }
+                    <Text pointer bold onClick={ onBack }>
+                        <span className="inline-block w-[7px] h-[7px] border-l-2 border-b-2 border-current rotate-45 mr-1 align-middle" /> { LocalizeText('groupforum.view.back') }
                     </Text>
                 </Flex>
                 { canModerate &&
                     <Flex gap={ 1 }>
-                        <Button variant={ threadInfo?.isPinned ? 'warning' : 'outline-secondary' } className="btn-sm" onClick={ togglePinThread }>
+                        <Button variant="outline-secondary" className="btn-sm rounded-md text-white bg-[#5cb85c] border-[#5cb85c] [box-shadow:inset_0_2px_#ffffff26,inset_0_-2px_#0000001a,0_1px_#0000001a] hover:text-white hover:bg-[#4cae4c] hover:border-[#47a447]" onClick={ togglePinThread }>
                             { threadInfo?.isPinned ? LocalizeText('groupforum.thread.unpin') : LocalizeText('groupforum.thread.pin') }
                         </Button>
-                        <Button variant={ isLocked ? 'danger' : 'outline-secondary' } className="btn-sm" onClick={ toggleLockThread }>
+                        <Button variant="outline-secondary" className="btn-sm rounded-md text-white bg-[#5cb85c] border-[#5cb85c] [box-shadow:inset_0_2px_#ffffff26,inset_0_-2px_#0000001a,0_1px_#0000001a] hover:text-white hover:bg-[#4cae4c] hover:border-[#47a447]" onClick={ toggleLockThread }>
                             { isLocked ? LocalizeText('groupforum.thread.unlock') : LocalizeText('groupforum.thread.lock') }
                         </Button>
-                        <Button variant="outline-danger" className="btn-sm" onClick={ hideThread }>
+                        <Button variant="outline-secondary" className="btn-sm rounded-md text-white bg-[#5cb85c] border-[#5cb85c] [box-shadow:inset_0_2px_#ffffff26,inset_0_-2px_#0000001a,0_1px_#0000001a] hover:text-white hover:bg-[#4cae4c] hover:border-[#47a447]" onClick={ hideThread }>
                             { LocalizeText('groupforum.thread.hide') }
                         </Button>
                         <Button variant="danger" className="btn-sm" onClick={ deleteThread }>
@@ -242,10 +242,8 @@ export const GroupForumThreadView: FC<GroupForumThreadViewProps> = props =>
                             className={ `p-3 border-b ${ (message.state !== STATE_NORMAL) ? 'bg-danger bg-opacity-10' : '' }` }
                             gap={ 3 }>
                             <Column className="flex-shrink-0 items-center w-[50px]" gap={ 1 }>
-                                <div className="w-[40px] h-[40px] rounded-full mx-auto overflow-hidden bg-[rgba(255,255,255,0.1)] flex justify-center">
-                                    <div className="mt-[-25px]">
-                                        <LayoutAvatarImageView figure={ message.authorFigure } headOnly={ true } direction={ 2 } />
-                                    </div>
+                                <div className="relative w-[40px] h-[40px] rounded-full mx-auto overflow-hidden bg-[rgba(255,255,255,0.1)]">
+                                    <LayoutAvatarImageView figure={ message.authorFigure } headOnly={ true } direction={ 2 } style={ { backgroundSize: '80px auto', backgroundPosition: '-19px -28px' } } />
                                 </div>
                                 <Text small bold pointer underline onClick={ () => GetUserProfile(message.authorId) }>
                                     { message.authorName }