CSS incorrectly applied for non smartphones sizes

diff --git a/wcfsetup/install/files/style/ui/reactions.scss b/wcfsetup/install/files/style/ui/reactions.scss
index 18e4c4ed12b6f54411fba9ff26959328e1efa51f..ccb831710b1b75f207d71166a447e789a48065a0 100644 (file)
--- a/wcfsetup/install/files/style/ui/reactions.scss
+++ b/wcfsetup/install/files/style/ui/reactions.scss
@@ -180,11 +180,6 @@
        }
 }
 
-.reactionTypeButtonList {
-       display: flex;
-       flex-direction: column;
-}
-
 @include screen-lg {
        html.touch .reactionPopoverContent .reactionTypeButton {
                display: block;
@@ -203,6 +198,13 @@
        }
 }
 
+@include screen-xs {
+       .reactionTypeButtonList {
+               display: flex;
+               flex-direction: column;
+       }
+}
+
 #likeList .likeTypeSelection {
        display: flex;
        justify-content: flex-end;