From 68128b46c3b5945fd1875f79caa2709fd65912c4 Mon Sep 17 00:00:00 2001
From: Saophalkun Ponlu <phalkunz@gmail.com>
Date: Fri, 15 Sep 2017 15:54:07 +1200
Subject: [PATCH] FIX toolbar title layou

---
 .../CMS/Controllers/Includes/CMSMain_Content.ss           | 8 +++++---
 .../CMS/Controllers/Includes/CMSMain_Tools.ss             | 2 +-
 .../Controllers/Includes/CMSPagesController_Content.ss    | 2 +-
 3 files changed, 7 insertions(+), 5 deletions(-)

diff --git a/templates/SilverStripe/CMS/Controllers/Includes/CMSMain_Content.ss b/templates/SilverStripe/CMS/Controllers/Includes/CMSMain_Content.ss
index 5091f6a2..2e247ba7 100644
--- a/templates/SilverStripe/CMS/Controllers/Includes/CMSMain_Content.ss
+++ b/templates/SilverStripe/CMS/Controllers/Includes/CMSMain_Content.ss
@@ -4,9 +4,11 @@
 
 		<div class="fill-height flexbox-area-grow">
 			<div class="cms-content-header north">
-				<div class="cms-content-header-nav fill-width">
-					<a href="$BreadcrumbsBackLink" class="btn btn-secondary btn--no-text font-icon-left-open-big hidden-lg-up toolbar__back-button"></a>
-					<% include SilverStripe\\Admin\\CMSBreadcrumbs %>
+				<div class="cms-content-header-nav fill-width vertical-align-items">
+                    <div class="cms-content-header-nav__left vertical-align-items flexbox-area-grow">
+                        <a href="$BreadcrumbsBackLink" class="btn btn-secondary btn--no-text font-icon-left-open-big hidden-lg-up toolbar__back-button"></a>
+                        <% include SilverStripe\\Admin\\CMSBreadcrumbs %>
+                    </div>
 
 					<div class="cms-content-header-tabs cms-tabset">
 						<ul class="cms-tabset-nav-primary nav nav-tabs">
diff --git a/templates/SilverStripe/CMS/Controllers/Includes/CMSMain_Tools.ss b/templates/SilverStripe/CMS/Controllers/Includes/CMSMain_Tools.ss
index a0ddcd0b..104ac744 100644
--- a/templates/SilverStripe/CMS/Controllers/Includes/CMSMain_Tools.ss
+++ b/templates/SilverStripe/CMS/Controllers/Includes/CMSMain_Tools.ss
@@ -1,6 +1,6 @@
 <div class="cms-content-tools fill-height cms-panel cms-panel-layout" data-expandOnClick="true" data-layout-type="border" id="cms-content-tools-CMSMain">
 	<div class="cms-content-header north">
-		<div class="cms-content-header-info">
+		<div class="cms-content-header-info vertical-align-items">
 			<div class="section-heading">
 				<span class="section-label"><a href="$LinkPages">{$MenuCurrentItem.Title}</a></span>
 			</div>
diff --git a/templates/SilverStripe/CMS/Controllers/Includes/CMSPagesController_Content.ss b/templates/SilverStripe/CMS/Controllers/Includes/CMSPagesController_Content.ss
index 1a3cbe4c..10f68324 100644
--- a/templates/SilverStripe/CMS/Controllers/Includes/CMSPagesController_Content.ss
+++ b/templates/SilverStripe/CMS/Controllers/Includes/CMSPagesController_Content.ss
@@ -1,7 +1,7 @@
 <div id="pages-controller-cms-content" class="flexbox-area-grow fill-height cms-content $BaseCSSClasses" data-layout-type="border" data-pjax-fragment="Content">
 
 	<div class="cms-content-header north">
-		<div class="cms-content-header-info fill-width">
+		<div class="cms-content-header-info fill-width vertical-align-items">
 			<% include SilverStripe\\Admin\\CMSBreadcrumbs %>
             <% include SilverStripe\\CMS\\Controllers\\CMSMain_Filter %>
 		</div>