From: Alexander Ebert <ebert@woltlab.com>
Date: Mon, 11 Jan 2016 14:04:04 +0000 (+0100)
Subject: Improved alignment of <nav> in .contentNavigation
X-Git-Tag: 3.0.0_Beta_1~2030^2~159^2
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=d270305e96eae9fced87457af830876f65b9f95a;p=GitHub%2FWoltLab%2FWCF.git

Improved alignment of <nav> in .contentNavigation
---

diff --git a/wcfsetup/install/files/style/layout/navigation.scss b/wcfsetup/install/files/style/layout/navigation.scss
index ed1d9169dd..7461a7d4c5 100644
--- a/wcfsetup/install/files/style/layout/navigation.scss
+++ b/wcfsetup/install/files/style/layout/navigation.scss
@@ -49,6 +49,9 @@
 	align-items: center;
 	display: flex;
 	
+	// align <nav> to the right side
+	justify-content: flex-end;
+	
 	&:not(:first-child) {
 		margin-top: 20px;
 	}
@@ -58,11 +61,15 @@
 	}
 	
 	> nav {
-		flex: 1 1 auto;
+		flex: 0 0 auto;
 		order: 3;
 		
 		&.pageNavigation {
 			order: 1;
+			
+			// use up maximum space, causing it to stick to the left while all other
+			// <nav> elements will still be aligned to the right side
+			flex: 1 1 auto;
 		}
 		
 		&.jsClipboardEditor {