Vlan info & setting CSS tuning

docs/SUBNETS.md

@@ -12,3 +12,10 @@ For example, a `/24` mask results in 256 IPs to check, where as a `/16` mask che
 ### Example:
 
 ![Vlan configuration example](/docs/img/SUBNETS/subnets_vlan.png)
+
+### Support for VLANS
+
+Please note about the accessibility of the macvlans when they are configured on the same computer. My understanding this is a general networking behavior, but feel free to clarify via a PR/issue.
+
+- Pi.Alert does not detect the macvlan container when it is running on the same computer.
+- Pi.Alert recognizes the macvlan container when it is running on a different computer.

front/css/pialert.css

@@ -637,7 +637,7 @@ height: 50px;
     display: block;
 }
 .setting_input{
-    width:35%;        
+    width:40%;        
     /* background-color: green; */
 }
 .setting_name
@@ -671,7 +671,7 @@ height: 50px;
 
 .setting_description
 {
-    width:46%;
+    width:40%;
 }
 
 .myhidden

front/settings.php

@@ -209,12 +209,12 @@ while ($row = $result -> fetchArray (SQLITE3_ASSOC)) {
             {
               $input = $input.
               '<div class="row form-group">
-                <div class="col-xs-6">
+                <div class="col-xs-5">
                   <input class="form-control" id="ipMask" type="text" placeholder="192.168.1.0/24"/>
                 </div>';
               // Add interface button
               $input = $input.
-                '<div class="col-xs-3">
+                '<div class="col-xs-4">
                   <input class="form-control " id="ipInterface" type="text" placeholder="eth0" />
                 </div>
                 <div class="col-xs-3"><button class="btn btn-primary" onclick="addInterface()" >Add</button></div>