Improve icons

1 files changed, 8 insertions, 5 deletions

diff --git a/docs/index.html b/docs/index.html
index ad39d67..42ba080 100644
--- a/docs/index.html
+++ b/docs/index.html
@@ -298,11 +298,11 @@
           <section class="notes">
             <p>Spectre uses <a href="https://github.com/postcss/autoprefixer" target="_blank">Autoprefixer</a> to make most styles compatible with earlier browsers and <a href="https://necolas.github.io/normalize.css/" target="_blank">Normalize.css</a> for CSS resets. Spectre is designed for modern browsers. For best compatibility, these browsers are recommended:</p>
             <ul>
-              <li>Chrome (last 4)</li>
-              <li>Microsoft Edge (last 4)</li>
-              <li>Firefox (last 4)</li>
-              <li>Safari (last 4)</li>
-              <li>Opera (last 4)</li>
+              <li>Chrome <span class="label label-success">Last 4</span></li>
+              <li>Microsoft Edge <span class="label label-success">Last 4</span></li>
+              <li>Firefox <span class="label label-success">Last 4</span></li>
+              <li>Safari <span class="label label-success">Last 4</span></li>
+              <li>Opera <span class="label label-success">Last 4</span></li>
               <li>Internet Explorer 10+</li>
             </ul>
           </section>
@@ -314,6 +314,9 @@
             <p><strong>March 2017</strong></p>
             <ul>
               <li>
+                <a href="elements.html#icons">Icons</a>: single-element, responsive and pure CSS icons <small class="label label-primary">NEW</small>
+              </li>
+              <li>
                 <a href="components.html#popovers">Popovers</a>: small overlay content containers <small class="label label-primary">NEW</small>
               </li>
               <li>