fix(toolbar): add a min-width to the toolbar content so that it won't overlap buttons

fixes #5657

Author: brandyscarney

ionic/components/toolbar/test/scenarios/main.html

@@ -2,6 +2,22 @@
   <ion-title>This is the title that never ends. It just goes on and on my friend.</ion-title>
 </ion-toolbar>
 
+<ion-toolbar>
+  <ion-buttons start>
+    <button>
+      <ion-icon name="contact"></ion-icon>
+    </button>
+    <button>
+      <ion-icon name="search"></ion-icon>
+    </button>
+  </ion-buttons>
+  <ion-buttons end>
+    <button secondary>
+      <ion-icon name="more"></ion-icon>
+    </button>
+  </ion-buttons>
+  <ion-title>This is a long title with buttons. It just goes on and on my friend.</ion-title>
+</ion-toolbar>
 
 <ion-toolbar>
   <ion-buttons start>
@@ -207,4 +223,4 @@
   .toolbar {
     border-bottom: 1px solid black;
   }
-</style>
+</style>

ionic/components/toolbar/toolbar.ios.scss

@@ -57,6 +57,7 @@ ion-navbar-section {
 .toolbar-content {
   flex: 1;
   order: map-get($toolbar-order-ios, content);
+  min-width: 0;
 }
 
 .toolbar-title {

ionic/components/toolbar/toolbar.md.scss

@@ -52,6 +52,7 @@ ion-navbar-section {
   flex: 1;
   order: map-get($toolbar-order-md, content);
   max-width: 100%;
+  min-width: 0;
 }
 
 .toolbar-title {