From 09a12f06c2a4915e3d5aeb74a3d186dc91afd8d4 Mon Sep 17 00:00:00 2001
From: Laura Sofia Heimann <hello@laura.media>
Date: Thu, 13 Jun 2024 15:40:35 +0200
Subject: [PATCH] Change Patreon to Support, Fix Card wrap

---
 public/assets/css/userdetail.css  | 3 ++-
 public/assets/css/userdetail.less | 3 ++-
 templates/index/support.html.twig | 2 +-
 templates/user/detail.html.twig   | 4 ++--
 4 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/public/assets/css/userdetail.css b/public/assets/css/userdetail.css
index f5dfe59..8e5b22e 100644
--- a/public/assets/css/userdetail.css
+++ b/public/assets/css/userdetail.css
@@ -72,11 +72,12 @@
 .section-user-detail header .cards {
   margin-bottom: 25px;
   display: flex;
+  flex-wrap: wrap;
+  gap: 10px;
 }
 .section-user-detail header .cards .card {
   width: 100px;
   height: 100px;
-  margin-right: 10px;
   background-position: center;
   background-size: cover;
   opacity: 1;
diff --git a/public/assets/css/userdetail.less b/public/assets/css/userdetail.less
index 7c6878f..e83660a 100644
--- a/public/assets/css/userdetail.less
+++ b/public/assets/css/userdetail.less
@@ -83,11 +83,12 @@
         & .cards {
             margin-bottom: 25px;
             display: flex;
+            flex-wrap: wrap;
+            gap: 10px;
 
             & .card {
                 width: 100px;
                 height: 100px;
-                margin-right: 10px;
                 background-position: center;
                 background-size: cover;
                 opacity: 1;
diff --git a/templates/index/support.html.twig b/templates/index/support.html.twig
index bd060f3..ba58374 100644
--- a/templates/index/support.html.twig
+++ b/templates/index/support.html.twig
@@ -82,7 +82,7 @@
         </div>
 
         <div class="support-subsection">
-        <h1>Our Patrons</h1>
+        <h1>Our Supporters</h1>
             <div class="user-list">
                 {% for user in patreons %}
                     <a href="{{ path('user.detail', {userId: user.id}) }}" class="user-item">
diff --git a/templates/user/detail.html.twig b/templates/user/detail.html.twig
index b6b746c..d72df34 100644
--- a/templates/user/detail.html.twig
+++ b/templates/user/detail.html.twig
@@ -18,7 +18,7 @@
                     {% endif %}
                 </div>
                 <div class="user-data">
-                    <div class="user-name">{% if user.pronouns != "" %}<span>{{ user.pronouns }}</span> {% endif %}{{ user.username }} {% if user.isPatreon %}<i class="mdi mdi-patreon"></i>{% endif %}</div>
+                    <div class="user-name">{% if user.pronouns != "" %}<span>{{ user.pronouns }}</span> {% endif %}{{ user.username }} {% if user.isPatreon %}<i class="mdi mdi-hand-heart"></i>{% endif %}</div>
                     <div class="user-actions">
                         <a href="{{ path('report.user', {userId: user.id}) }}" class="button">Report</a>
                         <a href="spinshare-user://{{ user.id }}" class="button">Open in Client</a>
@@ -32,7 +32,7 @@
                                 <a href="{{ path('moderation.user.resetAvatar', {userId: user.id}) }}" class="button">Reset Avatar</a>
                                 {% if is_granted('ROLE_ADMIN') %}
                                     <a href="{{ path('moderation.user.toggleMod', {userId: user.id}) }}" class="button">{{ ("ROLE_MODERATOR" in user.roles) ? "Demote to User" : "Promote to Mod" }}</a>
-                                    <a href="{{ path('moderation.user.togglePatreon', {userId: user.id}) }}" class="button">{{ user.isPatreon ? "Remove Patreon" : "Make Patreon" }}</a>
+                                    <a href="{{ path('moderation.user.togglePatreon', {userId: user.id}) }}" class="button">{{ user.isPatreon ? "Remove Supporter" : "Make Supporter" }}</a>
                                 {% endif %}
                             {% endif %}
                         {% endif %}