From c2241b03fdd74af66f29486fd304a936d22c163d Mon Sep 17 00:00:00 2001
From: Elastic Jasper <elastic-jasper@users.noreply.github.com>
Date: Fri, 16 Dec 2016 12:02:50 -0500
Subject: [PATCH] Update ToolBarFooter component to support content on the left
 side.

Backports PR #9514

**Commit 1:**
Update ToolBarFooter component to support content on the left side.

* Original sha: b77220f62c5c3dca4c502bfab2195d4b314a11d9
* Authored by CJ Cenizal <cj@cenizal.com> on 2016-12-15T22:11:10Z
---
 src/ui_framework/components/tool_bar/_tool_bar_footer.scss  | 4 ++++
 .../doc_site/src/views/tool_bar/tool_bar_footer.html        | 6 ++++++
 2 files changed, 10 insertions(+)

diff --git a/src/ui_framework/components/tool_bar/_tool_bar_footer.scss b/src/ui_framework/components/tool_bar/_tool_bar_footer.scss
index f7ef69f6c45cd..d0b7f43e2151b 100644
--- a/src/ui_framework/components/tool_bar/_tool_bar_footer.scss
+++ b/src/ui_framework/components/tool_bar/_tool_bar_footer.scss
@@ -16,6 +16,10 @@
   margin-left: $toolBarSectionSpacing * 0.5;
   margin-right: $toolBarSectionSpacing * 0.5;
 
+  &:first-child {
+    margin-left: 0;
+  }
+
   &:last-child {
     margin-right: 0;
   }
diff --git a/src/ui_framework/doc_site/src/views/tool_bar/tool_bar_footer.html b/src/ui_framework/doc_site/src/views/tool_bar/tool_bar_footer.html
index 2b56d20b1bf64..130df4efd60d3 100644
--- a/src/ui_framework/doc_site/src/views/tool_bar/tool_bar_footer.html
+++ b/src/ui_framework/doc_site/src/views/tool_bar/tool_bar_footer.html
@@ -1,4 +1,10 @@
 <div class="kuiToolBarFooter">
+  <div class="kuiToolBarFooterSection">
+    <div class="kuiToolBarText">
+      5 items selected
+    </div>
+  </div>
+
   <div class="kuiToolBarFooterSection">
     <div class="kuiToolBarText">
       1 &ndash; 20 of 33