Guides updates 0.2

front/css/pialert.css

@@ -741,6 +741,12 @@ height: 50px;
     background-color:#606060;
 }
 
+.networkPageHelp{
+    position: absolute;
+    font-size: x-small;
+    margin-bottom: 6px;
+}
+
 #networkTree .box
 {
     padding:2px;

front/deviceDetails.php

@@ -324,7 +324,7 @@
                       </div>
 
                       <!-- Network -->
-                      <h4 class="bottom-border-aqua"><?php echo lang('DevDetail_MainInfo_Network_Title');?></h4>                    
+                      <h4 class="bottom-border-aqua"><?php echo lang('DevDetail_MainInfo_Network_Title');?><span class="networkPageHelp"> <a target="_blank" href="https://github.com/jokob-sk/Pi.Alert/blob/main/docs/NETWORK_TREE.md"><i class="fa fa-circle-question"></i></a><span></h4>                    
                       <div class="form-group">
                         <label class="col-sm-3 control-label"><?php echo lang('DevDetail_MainInfo_Network');?></label>
                         <div class="col-sm-9">  

front/network.php

@@ -21,7 +21,8 @@
   <?php require 'php/templates/notification.php'; ?>
     <h1 id="pageTitle">
       <i class="fa fa-network-wired"></i> <?php echo lang('Network_Title');?>
-    </h1>
+      <span class="networkPageHelp"> <a target="_blank" href="https://github.com/jokob-sk/Pi.Alert/blob/main/docs/NETWORK_TREE.md"><i class="fa fa-circle-question"></i></a><span>
+    </h1>    
   </section>