Add optimizations for mobile devices

diff --git a/wcfsetup/install/files/style/layout.less b/wcfsetup/install/files/style/layout.less
index 90cad8dec8da8a92a22d465b62b926be8ae2d175..11fb5c475351b8bb0b4f32073c5d0380e91a31a1 100644 (file)
--- a/wcfsetup/install/files/style/layout.less
+++ b/wcfsetup/install/files/style/layout.less
@@ -470,13 +470,24 @@
 }
 
 @media only screen and (max-width: 768px) {
-       .navigation {
+       .navigation.navigationHeader {
                > ul.navigationIcons,
                > ul.navigationItems,
                > ul.navigationMenuItems {
                        display: none;
                }
        }
+       
+       .navigation.navigationFooter {
+               > ul.navigationIcons,
+               > ul.navigationItems {
+                       display: none;
+               }
+               
+               > ul.navigationMenuItems > li {
+                       margin: 4px 7px 4px 0;
+               }
+       }
 }
 
 .navigationHeader {