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 ed1d9169dd142011703f13411347fb8b24271c8b..7461a7d4c557f5c98845d722cdb0e7e06816a09a 100644 (file)
--- 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 {