From 78119df0eef1718ab6bf2b36095c91c8a69ce92a Mon Sep 17 00:00:00 2001
From: Julien Maulny <doubjulien@hotmail.fr>
Date: Fri, 19 Aug 2016 11:28:20 +0200
Subject: [PATCH 1/2] .list-group.list-group-no-icon

Allow to remove icon and use all the width of the list group
---
 less/_lists.less | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/less/_lists.less b/less/_lists.less
index 52dc0d04..7de458a0 100644
--- a/less/_lists.less
+++ b/less/_lists.less
@@ -99,4 +99,14 @@
       float: right;
     }
   }
+  &.list-group-no-icon {
+    .list-group-item .row-content {
+      width: 100%;
+    }
+    .list-group-separator {
+      &:before {
+        width: 100%;
+      }
+    }
+  }
 }

From ba1c4ec96e3a844bee22a00799af0e1320132108 Mon Sep 17 00:00:00 2001
From: Julien Maulny <doubjulien@hotmail.fr>
Date: Fri, 19 Aug 2016 11:53:39 +0200
Subject: [PATCH 2/2] Update bootstrap-elements.html

---
 bootstrap-elements.html | 33 ++++++++++++---------------------
 1 file changed, 12 insertions(+), 21 deletions(-)

diff --git a/bootstrap-elements.html b/bootstrap-elements.html
index 8ee91d34..ed1cb427 100644
--- a/bootstrap-elements.html
+++ b/bootstrap-elements.html
@@ -534,7 +534,7 @@
             <a href="javascript:void(0)" class="btn btn-raised btn-link">Link</a>
           </p>
         </fieldset>
-        
+
         <h3>Button sizes</h3>
 
         <p class="bs-component">
@@ -658,9 +658,9 @@
             </div>
           </div>
         </div>
-        
-        
-        
+
+
+
         <h3><small><code>btn-lg.btn-block.btn-raised</code></small></h3>
         <div class="bs-component">
           <a href="javascript:void(0)" class="btn btn-default btn-lg btn-block btn-raised">Block level button</a>
@@ -732,7 +732,7 @@
           </div>
         </div>
 
-        
+
       </div>
     </div>
   </div>
@@ -1593,10 +1593,10 @@
                 <i class="material-icons">folder</i>
               </div>
               <div class="row-content">
-                <div class="least-content">8m</div>
-                <h4 class="list-group-item-heading">Tile with a label</h4>
+                <div class="action-secondary"><i class="material-icons">info</i></div>
+                <h4 class="list-group-item-heading">Tile with an icon</h4>
 
-                <p class="list-group-item-text">Maecenas sed diam eget risus varius blandit.</p>
+                <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus.</p>
               </div>
             </div>
             <div class="list-group-separator"></div>
@@ -1605,40 +1605,31 @@
       </div>
       <div class="col-md-4">
         <div class="bs-component">
-          <div class="list-group">
+          <div class="list-group list-group-no-icon">
             <div class="list-group-item">
-              <div class="row-action-primary">
-                <i class="material-icons">folder</i>
-              </div>
               <div class="row-content">
                 <div class="action-secondary"><i class="material-icons">info</i></div>
                 <h4 class="list-group-item-heading">Tile with an icon</h4>
 
-                <p class="list-group-item-text">Donec id elit non mi porta gravida at eget metus.</p>
+                <p class="list-group-item-text">And <b>without avatar</b> on left.</p>
               </div>
             </div>
             <div class="list-group-separator"></div>
             <div class="list-group-item">
-              <div class="row-action-primary">
-                <i class="material-icons">folder</i>
-              </div>
               <div class="row-content">
                 <div class="action-secondary"><i class="material-icons">info</i></div>
                 <h4 class="list-group-item-heading">Tile with an icon</h4>
 
-                <p class="list-group-item-text">Maecenas sed diam eget risus varius blandit.</p>
+                <p class="list-group-item-text">And <b>without avatar</b> on left.</p>
               </div>
             </div>
             <div class="list-group-separator"></div>
             <div class="list-group-item">
-              <div class="row-action-primary">
-                <i class="material-icons">folder</i>
-              </div>
               <div class="row-content">
                 <div class="action-secondary"><i class="material-icons">info</i></div>
                 <h4 class="list-group-item-heading">Tile with an icon</h4>
 
-                <p class="list-group-item-text">Maecenas sed diam eget risus varius blandit.</p>
+                <p class="list-group-item-text">And <b>without avatar</b> on left.</p>
               </div>
             </div>
             <div class="list-group-separator"></div>