From 67e4e4c142fa77f2354c45840052fc393bd25398 Mon Sep 17 00:00:00 2001
From: DJ2LS <dj2ls@proton.me>
Date: Sun, 27 Aug 2023 19:09:19 +0200
Subject: [PATCH] adjusted info screen

---
 gui/src/index.html | 93 ++++++++++++++++++++++------------------------
 1 file changed, 44 insertions(+), 49 deletions(-)

diff --git a/gui/src/index.html b/gui/src/index.html
index afcaba43..62122c8b 100644
--- a/gui/src/index.html
+++ b/gui/src/index.html
@@ -45,7 +45,7 @@
 
                   <div class="list-group" id="list-tab" role="tablist" style="margin-top: 100px">
                     <a class="list-group-item list-group-item-action active" id="list-tnc-list" data-bs-toggle="list" href="#list-tnc" role="tab" aria-controls="list-tnc"><i class="bi bi-house-door-fill h3"></i></a>
-                                        <a class="list-group-item list-group-item-action" id="list-messages-list" data-bs-toggle="list" href="#list-messages" role="tab" aria-controls="list-messages"><i class="bi bi-chat-text h3"></i></a>
+                    <a class="list-group-item list-group-item-action" id="list-messages-list" data-bs-toggle="list" href="#list-messages" role="tab" aria-controls="list-messages"><i class="bi bi-chat-text h3"></i></a>
 
                     <a class="list-group-item list-group-item-action" id="list-mesh-list" data-bs-toggle="list" href="#list-mesh" role="tab" aria-controls="list-mesh"><i class="bi bi-rocket h3"></i></a>
                     <a class="list-group-item list-group-item-action mt-2 border" id="list-info-list" data-bs-toggle="list" href="#list-info" role="tab" aria-controls="list-info"><i class="bi bi-info h3"></i></a>
@@ -55,9 +55,7 @@
                     <a class="list-group-item list-group-item-action" id="list-settings-list" data-bs-toggle="list" href="#list-settings" role="tab" aria-controls="list-settings"><i class="bi bi-gear-wide-connected h3"></i></a>
 
 
-                    <a class="btn border btn-outline-danger list-group-item mt-5" id="stop_transmission_connection"           data-bs-toggle="tooltip"
-          data-bs-trigger="hover"
-          data-bs-html="false" title="Abort session and stop transmissions"><i class="bi bi-sign-stop-fill h3"></i></a>
+                    <a class="btn border btn-outline-danger list-group-item mt-5" id="stop_transmission_connection" data-bs-toggle="tooltip" data-bs-trigger="hover" data-bs-html="false" title="Abort session and stop transmissions"><i class="bi bi-sign-stop-fill h3"></i></a>
 
 
 
@@ -1215,86 +1213,83 @@
       <div class="tab-pane fade" id="list-info" role="tabpanel" aria-labelledby="list-info-list">
 
 
-                   <li>
-              <button
-                class="dropdown-item"
-                id="openExplorer"
-                type="button"
-                data-bs-placement="bottom"
-              >
-                <i class="bi bi-geo-alt me-2"></i>
-                Explorer map
-              </button>
-            </li>
-            <li>
-              <button
-                class="dropdown-item"
-                id="btnStats"
-                type="button"
-                data-bs-placement="bottom"
-              >
-                <i class="bi bi-graph-up me-2"></i>
-                Statistics
-              </button>
-            </li>
 
-        <h1 class="modal-title fs-5" id="aboutModalLabel">FreeDATA</h1>
-            -
-            <div class="small" id="aboutVersion">v123</div>
+
+        <h1 class="modal-title fs-5" id="aboutModalLabel">FreeDATA -  <span id="aboutVersion"></span></h1>
+
 <div class="container-fluid">
-              <div class="row">
+              <div class="row mt-2">
                 <div
                   class="btn-toolbar mx-auto"
                   role="toolbar"
                   aria-label="Toolbar with button groups"
                 >
                   <div class="btn-group">
-                    <i
-                      style="font-size: 1.5rem"
-                      class="btn bi bi-bookmarks"
+
+              <button
+                class="btn btn-sm bi bi-geo-alt btn-secondary me-2"
+                id="openExplorer"
+                type="button"
+                data-bs-placement="bottom"
+              >
+                Explorer map
+              </button>
+</div>
+                                    <div class="btn-group">
+
+              <button
+                class="btn btn-sm btn-secondary me-2 bi bi-graph-up"
+                id="btnStats"
+                type="button"
+                data-bs-placement="bottom"
+              >
+                Statistics
+              </button>
+</div>
+                                    <div class="btn-group">
+
+                    <button
+                      class="btn btn-secondary bi bi-bookmarks me-2"
                       id="fdWww"
                       data-bs-toggle="tooltip"
                       data-bs-trigger="hover"
                       title="FreeDATA website"
                       role="button"
-                    ></i>
+                    >Website</button>
                   </div>
                   <div class="btn-group">
-                    <i
-                      style="font-size: 1.5rem"
-                      class="btn bi bi-github"
+                    <button
+                      class="btn btn-secondary bi bi-github me-2"
                       id="ghUrl"
                       data-bs-toggle="tooltip"
                       data-bs-trigger="hover"
                       title="Github"
                       role="button"
-                    ></i>
+                    >Github</button>
                   </div>
                   <div class="btn-group">
-                    <i
-                      style="font-size: 1.5rem"
-                      class="btn bi bi-wikipedia"
+                    <button
+                      class="btn btn-secondary bi bi-wikipedia me-2"
                       id="wikiUrl"
                       data-bs-toggle="tooltip"
                       data-bs-trigger="hover"
                       title="Wiki"
                       role="button"
-                    ></i>
+                    >Wiki</button>
                   </div>
                   <div class="btn-group">
-                    <i
-                      style="font-size: 1.5rem"
-                      class="btn bi bi-discord"
+                    <button
+                      class="btn btn-secondary bi bi-discord"
                       id="discordUrl"
                       data-bs-toggle="tooltip"
                       data-bs-trigger="hover"
                       title="Discord"
                       role="button"
-                    ></i>
+                    >Discord</button>
                   </div>
                 </div>
               </div>
-              <div class="row">
+              <div class="row mt-5">
                 <h6>Special thanks to</h6>
                 <hr />
               </div>
@@ -2161,7 +2156,7 @@
       </div>
       <div class="tab-pane fade" id="list-logger" role="tabpanel" aria-labelledby="list-logger-list">
         <div class="container">
-              <nav class="navbar fixed-top bg-light">
+              <nav class="navbar fixed-top bg-light border-bottom" style="margin-left: 87px">
       <div class="container-fluid">
         <input
           type="checkbox"
@@ -2204,7 +2199,7 @@
           >error</label
         >
       </div>
-    </nav>
+    </nav >
 
     <div class="container-fluid mt-5">
       <div class="tableFixHead">