From 5d4bad9ed5dcceb595d64b9e9c8255c10f8bd8fd Mon Sep 17 00:00:00 2001
From: Marcel Werk <burntime@woltlab.com>
Date: Fri, 27 Jan 2017 11:10:18 +0100
Subject: [PATCH] Fixed content wrapping in breadcrumbs

---
 wcfsetup/install/files/style/layout/pageNavigation.scss | 5 +++--
 wcfsetup/install/files/style/ui/breadcrumb.scss         | 3 ++-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/wcfsetup/install/files/style/layout/pageNavigation.scss b/wcfsetup/install/files/style/layout/pageNavigation.scss
index a2f55c460c..21b5b904f0 100644
--- 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 638233855b..82810acd68 100644
--- 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;
 			
-- 
2.20.1