From dfb06e47d01e148646f682734b560ec4d7df34a8 Mon Sep 17 00:00:00 2001
From: Vendicated <vendicated@riseup.net>
Date: Sat, 4 May 2024 01:39:20 +0200
Subject: [PATCH] fix overflow when having two rows of badges

---
 src/plugins/_api/badges/fixBadgeOverflow.css      | 3 +++
 src/plugins/_api/{badges.tsx => badges/index.tsx} | 2 ++
 2 files changed, 5 insertions(+)
 create mode 100644 src/plugins/_api/badges/fixBadgeOverflow.css
 rename src/plugins/_api/{badges.tsx => badges/index.tsx} (99%)

diff --git a/src/plugins/_api/badges/fixBadgeOverflow.css b/src/plugins/_api/badges/fixBadgeOverflow.css
new file mode 100644
index 000000000..348d0ff38
--- /dev/null
+++ b/src/plugins/_api/badges/fixBadgeOverflow.css
@@ -0,0 +1,3 @@
+[class*="profileBadges"] {
+    flex: none;
+}
diff --git a/src/plugins/_api/badges.tsx b/src/plugins/_api/badges/index.tsx
similarity index 99%
rename from src/plugins/_api/badges.tsx
rename to src/plugins/_api/badges/index.tsx
index 3cfbb4d99..5493d4b6a 100644
--- a/src/plugins/_api/badges.tsx
+++ b/src/plugins/_api/badges/index.tsx
@@ -16,6 +16,8 @@
  * along with this program.  If not, see <https://www.gnu.org/licenses/>.
 */
 
+import "./fixBadgeOverflow.css";
+
 import { BadgePosition, BadgeUserArgs, ProfileBadge } from "@api/Badges";
 import DonateButton from "@components/DonateButton";
 import ErrorBoundary from "@components/ErrorBoundary";