updated docs for badges #415

Author: gselderslaghs

src/badges.html

@@ -116,13 +116,19 @@ <h3 class="header">Badges in Collapsibles</h3>
 
                   <ul class="collapsible">
                     <li>
-                      <div class="collapsible-header"><i class="material-icons">filter_drama</i>First<span class="new badge">4</span></div>
+                      <div class="collapsible-header">
+                        <i class="material-icons">filter_drama</i>
+                        <div class="collapsible-header-content">First</div>
+                        <span class="new badge">4</span></div>
                       <div class="collapsible-body">
                         <p>Lorem ipsum dolor sit amet.</p>
                       </div>
                     </li>
                     <li>
-                      <div class="collapsible-header"><i class="material-icons">place</i>Second<span class="badge">1</span></div>
+                      <div class="collapsible-header">
+                        <i class="material-icons">place</i>
+                        <div class="collapsible-header-content">Second</div>
+                        <span class="badge">1</span></div>
                       <div class="collapsible-body">
                         <p>Lorem ipsum dolor sit amet.</p>
                       </div>
@@ -134,14 +140,14 @@ <h3 class="header">Badges in Collapsibles</h3>
   <li>
     <div class="collapsible-header">
       <i class="material-icons">filter_drama</i>
-      First
+      <div class="collapsible-header-content">First</div>
       <span class="new badge">4</span></div>
     <div class="collapsible-body"><p>Lorem ipsum dolor sit amet.</p></div>
   </li>
   <li>
     <div class="collapsible-header">
       <i class="material-icons">place</i>
-      Second
+      <div class="collapsible-header-content">Second</div>
       <span class="badge">1</span></div>
     <div class="collapsible-body"><p>Lorem ipsum dolor sit amet.</p></div>
   </li>