Fixed content wrapping in breadcrumbs

diff --git a/wcfsetup/install/files/style/layout/pageNavigation.scss b/wcfsetup/install/files/style/layout/pageNavigation.scss
index a2f55c460cd80b79c3ed527e7b2688974ae47a9b..21b5b904f07002c44f7d51d68d838acfab69d47c 100644 (file)
--- a/wcfsetup/install/files/style/layout/pageNavigation.scss
+++ b/wcfsetup/install/files/style/layout/pageNavigation.scss
@@ -3,13 +3,13 @@
                background-color: $wcfNavigationBackground;
                color: $wcfNavigationText;
                flex: 0 0 auto;
-               padding: 5px 0;
+               padding: 10px 0;
                
                > div {
                        align-items: center;
                        display: flex;
                        justify-content: flex-end;
-                       height: 30px;
+                       min-height: 20px;
                }
                
                .icon {
@@ -33,6 +33,7 @@
                display: flex;
                flex: 0 0 auto;
                flex-direction: row-reverse;
+               margin-left: 10px;
                
                > li {
                        flex: 0 0 auto;

diff --git a/wcfsetup/install/files/style/ui/breadcrumb.scss b/wcfsetup/install/files/style/ui/breadcrumb.scss
index 638233855b0e50cab726f27cc965fdca24b7884d..82810acd68ac2a87b8705270e5cc3ee911c4781d 100644 (file)
--- a/wcfsetup/install/files/style/ui/breadcrumb.scss
+++ b/wcfsetup/install/files/style/ui/breadcrumb.scss
@@ -3,10 +3,11 @@
        
        > ol {
                display: flex;
+               flex-wrap: wrap;
                
                > li {
                        flex: 0 0 auto;
-                       white-space: nowrap;
+                       max-width: 100%;
                        
                        @include wcfFontSmall;