From 4d2f478ea33845d6bb762b56e636ab94cbfab26a Mon Sep 17 00:00:00 2001
From: Marcel Werk <burntime@woltlab.com>
Date: Sat, 23 Apr 2022 14:15:14 +0200
Subject: [PATCH] Unified code of content header / footer navigation

---
 .../install/files/style/layout/content.scss   | 45 ++++++++-----------
 1 file changed, 18 insertions(+), 27 deletions(-)

diff --git a/wcfsetup/install/files/style/layout/content.scss b/wcfsetup/install/files/style/layout/content.scss
index 985a7de7bc..73d2b5b209 100644
--- 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;
 		}
 	}
 }
-- 
2.20.1