Browse Source

Added span to sidebar links to be compatible with sidebar mini

Abdullah Almsaeed 10 years ago
parent
commit
4abde39635

+ 4 - 4
index.html

@@ -432,11 +432,11 @@
                 <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
               </ul>
             </li>
-            <li><a href="documentation/index.html"><i class="fa fa-book"></i> Documentation</a></li>
+            <li><a href="documentation/index.html"><i class="fa fa-book"></i> <span>Documentation</span></a></li>
             <li class="header">LABELS</li>
-            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> Important</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> Warning</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-info"></i> Information</a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> <span>Important</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> <span>Warning</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-info"></i> <span>Information</span></a></li>
           </ul>
         </section>
         <!-- /.sidebar -->

+ 5 - 5
index2.html

@@ -29,7 +29,7 @@
         <script src="https://oss.maxcdn.com/libs/respond.js/1.3.0/respond.min.js"></script>
     <![endif]-->
   </head>
-  <body class="skin-blue">
+  <body class="skin-blue sidebar-mini">
     <div class="wrapper">
 
       <header class="main-header">
@@ -427,11 +427,11 @@
                 <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
               </ul>
             </li>
-            <li><a href="documentation/index.html"><i class="fa fa-book"></i> Documentation</a></li>
+            <li><a href="documentation/index.html"><i class="fa fa-book"></i> <span>Documentation</span></a></li>
             <li class="header">LABELS</li>
-            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> Important</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> Warning</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-info"></i> Information</a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> <span>Important</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> <span>Warning</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-info"></i> <span>Information</span></a></li>
           </ul>
         </section>
         <!-- /.sidebar -->

+ 4 - 4
pages/UI/buttons.html

@@ -422,11 +422,11 @@
                 <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
               </ul>
             </li>
-            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> Documentation</a></li>
+            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> <span>Documentation</span></a></li>
             <li class="header">LABELS</li>
-            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> Important</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> Warning</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-info"></i> Information</a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> <span>Important</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> <span>Warning</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-info"></i> <span>Information</span></a></li>
           </ul>
         </section>
         <!-- /.sidebar -->

+ 4 - 4
pages/UI/general.html

@@ -450,11 +450,11 @@
                 <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
               </ul>
             </li>
-            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> Documentation</a></li>
+            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> <span>Documentation</span></a></li>
             <li class="header">LABELS</li>
-            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> Important</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> Warning</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-info"></i> Information</a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> <span>Important</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> <span>Warning</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-info"></i> <span>Information</span></a></li>
           </ul>
         </section>
         <!-- /.sidebar -->

+ 4 - 4
pages/UI/icons.html

@@ -468,11 +468,11 @@
                 <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
               </ul>
             </li>
-            <li><a href="../documentation/index.html"><i class="fa fa-book"></i> Documentation</a></li>
+            <li><a href="../documentation/index.html"><i class="fa fa-book"></i> <span>Documentation</span></a></li>
             <li class="header">LABELS</li>
-            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> Important</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> Warning</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-info"></i> Information</a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> <span>Important</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> <span>Warning</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-info"></i> <span>Information</span></a></li>
           </ul>
         </section>
         <!-- /.sidebar -->

+ 4 - 4
pages/UI/modals.html

@@ -436,11 +436,11 @@
                 <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
               </ul>
             </li>
-            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> Documentation</a></li>
+            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> <span>Documentation</span></a></li>
             <li class="header">LABELS</li>
-            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> Important</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> Warning</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-info"></i> Information</a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> <span>Important</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> <span>Warning</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-info"></i> <span>Information</span></a></li>
           </ul>
         </section>
         <!-- /.sidebar -->

+ 4 - 4
pages/UI/sliders.html

@@ -428,11 +428,11 @@
                 <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
               </ul>
             </li>
-            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> Documentation</a></li>
+            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> <span>Documentation</span></a></li>
             <li class="header">LABELS</li>
-            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> Important</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> Warning</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-info"></i> Information</a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> <span>Important</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> <span>Warning</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-info"></i> <span>Information</span></a></li>
           </ul>
         </section>
         <!-- /.sidebar -->

+ 4 - 4
pages/UI/timeline.html

@@ -422,11 +422,11 @@
                 <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
               </ul>
             </li>
-            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> Documentation</a></li>
+            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> <span>Documentation</span></a></li>
             <li class="header">LABELS</li>
-            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> Important</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> Warning</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-info"></i> Information</a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> <span>Important</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> <span>Warning</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-info"></i> <span>Information</span></a></li>
           </ul>
         </section>
         <!-- /.sidebar -->

+ 4 - 4
pages/calendar.html

@@ -425,11 +425,11 @@
                 <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
               </ul>
             </li>
-            <li><a href="../documentation/index.html"><i class="fa fa-book"></i> Documentation</a></li>
+            <li><a href="../documentation/index.html"><i class="fa fa-book"></i> <span>Documentation</span></a></li>
             <li class="header">LABELS</li>
-            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> Important</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> Warning</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-info"></i> Information</a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> <span>Important</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> <span>Warning</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-info"></i> <span>Information</span></a></li>
           </ul>
         </section>
         <!-- /.sidebar -->

+ 4 - 4
pages/charts/chartjs.html

@@ -314,11 +314,11 @@
                 <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
               </ul>
             </li>
-            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> Documentation</a></li>
+            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> <span>Documentation</span></a></li>
             <li class="header">LABELS</li>
-            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> Important</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> Warning</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-info"></i> Information</a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> <span>Important</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> <span>Warning</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-info"></i> <span>Information</span></a></li>
           </ul>
         </section>
         <!-- /.sidebar -->

+ 4 - 4
pages/charts/flot.html

@@ -422,11 +422,11 @@
                 <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
               </ul>
             </li>
-            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> Documentation</a></li>
+            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> <span>Documentation</span></a></li>
             <li class="header">LABELS</li>
-            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> Important</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> Warning</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-info"></i> Information</a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> <span>Important</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> <span>Warning</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-info"></i> <span>Information</span></a></li>
           </ul>
         </section>
         <!-- /.sidebar -->

+ 4 - 4
pages/charts/inline.html

@@ -422,11 +422,11 @@
                 <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
               </ul>
             </li>
-            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> Documentation</a></li>
+            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> <span>Documentation</span></a></li>
             <li class="header">LABELS</li>
-            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> Important</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> Warning</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-info"></i> Information</a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> <span>Important</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> <span>Warning</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-info"></i> <span>Information</span></a></li>
           </ul>
         </section>
         <!-- /.sidebar -->

+ 4 - 4
pages/charts/morris.html

@@ -424,11 +424,11 @@
                 <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
               </ul>
             </li>
-            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> Documentation</a></li>
+            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> <span>Documentation</span></a></li>
             <li class="header">LABELS</li>
-            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> Important</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> Warning</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-info"></i> Information</a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> <span>Important</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> <span>Warning</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-info"></i> <span>Information</span></a></li>
           </ul>
         </section>
         <!-- /.sidebar -->

+ 4 - 4
pages/examples/404.html

@@ -422,11 +422,11 @@
                 <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
               </ul>
             </li>
-            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> Documentation</a></li>
+            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> <span>Documentation</span></a></li>
             <li class="header">LABELS</li>
-            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> Important</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> Warning</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-info"></i> Information</a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> <span>Important</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> <span>Warning</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-info"></i> <span>Information</span></a></li>
           </ul>
         </section>
         <!-- /.sidebar -->

+ 4 - 4
pages/examples/500.html

@@ -422,11 +422,11 @@
                 <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
               </ul>
             </li>
-            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> Documentation</a></li>
+            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> <span>Documentation</span></a></li>
             <li class="header">LABELS</li>
-            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> Important</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> Warning</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-info"></i> Information</a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> <span>Important</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> <span>Warning</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-info"></i> <span>Information</span></a></li>
           </ul>
         </section>
         <!-- /.sidebar -->

+ 4 - 4
pages/examples/blank.html

@@ -318,11 +318,11 @@
                 <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
               </ul>
             </li>
-            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> Documentation</a></li>
+            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> <span>Documentation</span></a></li>
             <li class="header">LABELS</li>
-            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> Important</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> Warning</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-info"></i> Information</a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> <span>Important</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> <span>Warning</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-info"></i> <span>Information</span></a></li>
           </ul>
         </section>
         <!-- /.sidebar -->

+ 4 - 4
pages/examples/invoice.html

@@ -421,11 +421,11 @@
                 <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
               </ul>
             </li>
-            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> Documentation</a></li>
+            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> <span>Documentation</span></a></li>
             <li class="header">LABELS</li>
-            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> Important</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> Warning</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-info"></i> Information</a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> <span>Important</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> <span>Warning</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-info"></i> <span>Information</span></a></li>
           </ul>
         </section>
         <!-- /.sidebar -->

+ 4 - 4
pages/forms/advanced.html

@@ -432,11 +432,11 @@
                 <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
               </ul>
             </li>
-            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> Documentation</a></li>
+            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> <span>Documentation</span></a></li>
             <li class="header">LABELS</li>
-            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> Important</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> Warning</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-info"></i> Information</a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> <span>Important</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> <span>Warning</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-info"></i> <span>Information</span></a></li>
           </ul>
         </section>
         <!-- /.sidebar -->

+ 4 - 4
pages/forms/editors.html

@@ -424,11 +424,11 @@
                 <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
               </ul>
             </li>
-            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> Documentation</a></li>
+            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> <span>Documentation</span></a></li>
             <li class="header">LABELS</li>
-            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> Important</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> Warning</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-info"></i> Information</a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> <span>Important</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> <span>Warning</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-info"></i> <span>Information</span></a></li>
           </ul>
         </section>
         <!-- /.sidebar -->

+ 4 - 4
pages/forms/general.html

@@ -422,11 +422,11 @@
                 <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
               </ul>
             </li>
-            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> Documentation</a></li>
+            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> <span>Documentation</span></a></li>
             <li class="header">LABELS</li>
-            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> Important</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> Warning</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-info"></i> Information</a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> <span>Important</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> <span>Warning</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-info"></i> <span>Information</span></a></li>
           </ul>
         </section>
         <!-- /.sidebar -->

+ 4 - 4
pages/layout/boxed.html

@@ -316,11 +316,11 @@
                 <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
               </ul>
             </li>
-            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> Documentation</a></li>
+            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> <span>Documentation</span></a></li>
             <li class="header">LABELS</li>
-            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> Important</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> Warning</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-info"></i> Information</a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> <span>Important</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> <span>Warning</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-info"></i> <span>Information</span></a></li>
           </ul>
         </section>
         <!-- /.sidebar -->

+ 4 - 4
pages/layout/collapsed-sidebar.html

@@ -319,11 +319,11 @@
                 <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
               </ul>
             </li>
-            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> Documentation</a></li>
+            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> <span>Documentation</span></a></li>
             <li class="header">LABELS</li>
-            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> Important</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> Warning</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-info"></i> Information</a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> <span>Important</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> <span>Warning</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-info"></i> <span>Information</span></a></li>
           </ul>
         </section>
         <!-- /.sidebar -->

+ 4 - 4
pages/layout/fixed.html

@@ -319,11 +319,11 @@
                 <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
               </ul>
             </li>
-            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> Documentation</a></li>
+            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> <span>Documentation</span></a></li>
             <li class="header">LABELS</li>
-            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> Important</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> Warning</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-info"></i> Information</a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> <span>Important</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> <span>Warning</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-info"></i> <span>Information</span></a></li>
           </ul>
         </section>
         <!-- /.sidebar -->

+ 4 - 4
pages/mailbox.html

@@ -426,11 +426,11 @@
                 <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
               </ul>
             </li>
-            <li><a href="../documentation/index.html"><i class="fa fa-book"></i> Documentation</a></li>
+            <li><a href="../documentation/index.html"><i class="fa fa-book"></i> <span>Documentation</span></a></li>
             <li class="header">LABELS</li>
-            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> Important</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> Warning</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-info"></i> Information</a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> <span>Important</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> <span>Warning</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-info"></i> <span>Information</span></a></li>
           </ul>
         </section>
         <!-- /.sidebar -->

+ 4 - 4
pages/mailbox/compose.html

@@ -326,11 +326,11 @@
                 <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
               </ul>
             </li>
-            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> Documentation</a></li>
+            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> <span>Documentation</span></a></li>
             <li class="header">LABELS</li>
-            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> Important</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> Warning</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-info"></i> Information</a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> <span>Important</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> <span>Warning</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-info"></i> <span>Information</span></a></li>
           </ul>
         </section>
         <!-- /.sidebar -->

+ 4 - 4
pages/mailbox/mailbox.html

@@ -323,11 +323,11 @@
                 <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
               </ul>
             </li>
-            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> Documentation</a></li>
+            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> <span>Documentation</span></a></li>
             <li class="header">LABELS</li>
-            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> Important</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> Warning</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-info"></i> Information</a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> <span>Important</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> <span>Warning</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-info"></i> <span>Information</span></a></li>
           </ul>
         </section>
         <!-- /.sidebar -->

+ 4 - 4
pages/mailbox/read-mail.html

@@ -323,11 +323,11 @@
                 <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
               </ul>
             </li>
-            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> Documentation</a></li>
+            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> <span>Documentation</span></a></li>
             <li class="header">LABELS</li>
-            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> Important</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> Warning</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-info"></i> Information</a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> <span>Important</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> <span>Warning</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-info"></i> <span>Information</span></a></li>
           </ul>
         </section>
         <!-- /.sidebar -->

+ 4 - 4
pages/tables/data.html

@@ -424,11 +424,11 @@
                 <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
               </ul>
             </li>
-            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> Documentation</a></li>
+            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> <span>Documentation</span></a></li>
             <li class="header">LABELS</li>
-            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> Important</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> Warning</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-info"></i> Information</a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> <span>Important</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> <span>Warning</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-info"></i> <span>Information</span></a></li>
           </ul>
         </section>
         <!-- /.sidebar -->

+ 4 - 4
pages/tables/simple.html

@@ -422,11 +422,11 @@
                 <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
               </ul>
             </li>
-            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> Documentation</a></li>
+            <li><a href="../../documentation/index.html"><i class="fa fa-book"></i> <span>Documentation</span></a></li>
             <li class="header">LABELS</li>
-            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> Important</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> Warning</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-info"></i> Information</a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> <span>Important</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> <span>Warning</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-info"></i> <span>Information</span></a></li>
           </ul>
         </section>
         <!-- /.sidebar -->

+ 4 - 4
pages/widgets.html

@@ -422,11 +422,11 @@
                 <li><a href="#"><i class="fa fa-circle-o"></i> Level One</a></li>
               </ul>
             </li>
-            <li><a href="../documentation/index.html"><i class="fa fa-book"></i> Documentation</a></li>
+            <li><a href="../documentation/index.html"><i class="fa fa-book"></i> <span>Documentation</span></a></li>
             <li class="header">LABELS</li>
-            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> Important</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> Warning</a></li>
-            <li><a href="#"><i class="fa fa-circle-o text-info"></i> Information</a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-danger"></i> <span>Important</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-warning"></i> <span>Warning</span></a></li>
+            <li><a href="#"><i class="fa fa-circle-o text-info"></i> <span>Information</span></a></li>
           </ul>
         </section>
         <!-- /.sidebar -->