Unified code of content header / footer navigation

diff --git a/wcfsetup/install/files/style/layout/content.scss b/wcfsetup/install/files/style/layout/content.scss
index 985a7de7bc45ea91016efc8ce92ff5067197cb6b..73d2b5b2096a52861e69cb11c5c0ffc6dfa16bd6 100644 (file)
--- a/wcfsetup/install/files/style/layout/content.scss
+++ b/wcfsetup/install/files/style/layout/content.scss
@@ -362,25 +362,24 @@ fieldset {
 }
 
 .contentFooter {
-       @include screen-xs {
-               > .contentFooterNavigation {
-                       margin-top: 20px;
-
-                       > ul > li {
-                               &:not(:first-child) {
-                                       margin-top: 10px;
-                               }
-                       }
+       > .contentFooterNavigation {
+               margin-top: 20px;
 
-                       .button {
-                               display: block;
-                               padding: 7px 10px;
-                               text-align: center;
+               > ul {
+                       display: flex;
+                       flex-wrap: wrap;
+                       justify-content: flex-end;
+                       margin-bottom: -5px;
+                       margin-left: -5px;
+                       white-space: nowrap;
+               }
 
-                               &:not(:first-child) {
-                                       margin-top: 10px;
-                               }
-                       }
+               .button {
+                       display: block;
+                       margin-left: 5px;
+                       margin-bottom: 5px;
+                       overflow: hidden;
+                       text-overflow: ellipsis;
                }
        }
 
@@ -390,18 +389,10 @@ fieldset {
                > .paginationBottom {
                        flex: 0 0 auto;
                }
-
+               
                > .contentFooterNavigation {
                        flex: 1 1 auto;
-                       margin: 20px 0 0 20px;
-                       text-align: right;
-
-                       > ul {
-                               @include inlineList;
-
-                               display: inline-flex;
-                               flex-wrap: nowrap;
-                       }
+                       margin-left: 20px;
                }
        }
 }