Improved wrapping of reaction filter buttons on mobile

diff --git a/wcfsetup/install/files/style/ui/reactions.scss b/wcfsetup/install/files/style/ui/reactions.scss
index 0e2f458b11d19ac58e50d79dd644ffd391644750..7fe8aa62400ea4313f7fda08f24cd03709590d37 100644 (file)
--- 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;
+                       }
                }
        }
 }