Move Random Icon In Navbar

kiwix · Aug 4, 2023 · 2c2a280 · 2c2a280
1 parent 4340d13
commit 2c2a280
Showing 1 changed file with 6 additions and 8 deletions.
diff --git a/www/index.html b/www/index.html
@@ -90,9 +90,12 @@ <h5 class="modal-title" id="modalLabel">Modal title goes here</h5>
                     <!-- Collect the nav links, forms, and other content for toggling -->
                     <div class="collapse navbar-collapse" id="collapsibleNavbar">
                         <ul class="navbar-nav">
-                            <li id="liHomeNav" class="nav-item"><button type="button" class="btn btn-light" id="btnHome">Home</button></li>
-                            <li id="liConfigureNav" class="nav-item"><button type="button" class="btn btn-light" id="btnConfigure">Configure</button></li>
-                            <li id="liAboutNav" class="nav-item"><button type="button" class="btn btn-light" id="btnAbout">About</button></li>
+                            <li id="liHomeNav" class="nav-item"><button type="button" class="btn btn-light" id="btnHome"><i class="fa fa-home"></i></button></li>
+                            <li id="liConfigureNav" class="nav-item"><button type="button" class="btn btn-light" id="btnConfigure"><i class="fa fa-wrench"></i></button></li>
+                            <li id="liAboutNav" class="nav-item"><button type="button" class="btn btn-light" id="btnAbout"><i class="fa fa-info"></i></button></li>
+                            <li><span class="btn-group">
+                                <button type="button" title="Select a random article to display" class="btn" id="btnRandomArticle"><i class="fas fa-random"></i></button>
+                            </span></li>
                         </ul>
                     </div>
 
@@ -107,11 +110,6 @@ <h5 class="modal-title" id="modalLabel">Modal title goes here</h5>
                                     <button type="button" title="Search" class="btn btn-outline-secondary" id="searchArticles"><i class="fas fa-search"></i></button>
                                 </span>
                             </span>
-                            <span class="col-2">
-                                <span class="btn-group">
-                                    <button type="button" title="Select a random article to display" class="btn btn-outline-secondary" id="btnRandomArticle"><i class="fas fa-random"></i></button>
-                                </span>
-                            </span>
                         </div>
                     </div>
                 </form>