From 3a3806e62e8367355759d263af20eea7668fccf8 Mon Sep 17 00:00:00 2001
From: Marcel Werk <burntime@woltlab.com>
Date: Wed, 2 Dec 2020 16:38:11 +0100
Subject: [PATCH] Improved wrapping of reaction filter buttons on mobile

---
 wcfsetup/install/files/style/ui/reactions.scss | 15 ++++++++++-----
 1 file changed, 10 insertions(+), 5 deletions(-)

diff --git a/wcfsetup/install/files/style/ui/reactions.scss b/wcfsetup/install/files/style/ui/reactions.scss
index 0e2f458b11..7fe8aa6240 100644
--- a/wcfsetup/install/files/style/ui/reactions.scss
+++ b/wcfsetup/install/files/style/ui/reactions.scss
@@ -207,15 +207,20 @@
 
 #likeList .likeTypeSelection {
 	display: flex;
+	flex-wrap: wrap;
 	justify-content: flex-end;
 	
-	.buttonGroup li {
-		display: flex;
-		justify-content: stretch;
+	.buttonGroup {
+		margin-bottom: 0;
 		
-		a {
+		li {
 			display: flex;
-			align-items: center;
+			justify-content: stretch;
+			
+			a {
+				display: flex;
+				align-items: center;
+			}
 		}
 	}
 }
-- 
2.20.1