auto update script executed

web/components/status.html

@@ -51,8 +51,8 @@
         </div>
     </div>
 </div>
-
 <div class="ui divider"></div>
+<h4>Basic Settings</h4>
 <p>Inbound Port (Port to be proxied)</p>
 <div class="ui action fluid notloopbackOnly input">
     <input type="text" id="incomingPort" placeholder="Incoming Port" value="80">
@@ -82,10 +82,12 @@
 </div>
 <div id="statusErrmsg" class="ui red message" style="display: none;"></div>
 <div class="ui divider"></div>
+<div class="">
+<h4>Statistic Overview</h4>
 <div class="ui two column stackable grid">
     <div class="column">
       <p>Visitor Counts</p>
-      <table class="ui unstackable celled table">
+      <table class="ui unstackable inverted celled table">
         <thead>
           <tr>
             <th>Country ISO Code</th>
@@ -101,7 +103,7 @@
     </div>
     <div class="column">
       <p>Proxy Request Types</p>
-      <table class="ui unstackable celled table">
+      <table class="ui unstackable inverted celled table">
         <thead>
           <tr>
             <th>Proxy Type</th>
@@ -116,8 +118,10 @@
       </table>
     </div>
   </div>
-  <br>
-  <button class="ui basic green button" onclick="getDailySummaryDetails();"><i class="refresh icon"></i> Refresh</button>
+</div>
+<br>
+<button class="ui right floated basic button" onclick="getDailySummaryDetails();"><i class="green refresh icon"></i> Refresh</button>
+<br><br>
 <script>
     let loopbackProxiedInterface = false;
     //Initial the start stop button if this is reverse proxied

web/main.css

@@ -7,6 +7,7 @@ body{
 
 .functiontab{
     display:none;
+    padding: 1em;
 }
 
 .menubar{
@@ -56,9 +57,6 @@ body{
     display: none !important;
 }
 
-.functiontab{
-    padding: 1em;
-}
 
 .ui.divider{
     font-weight: 300;