add label to h3 headers

vycontrol/firewall/templates/firewall/addrule.html

@@ -94,7 +94,7 @@
     </div>
 
 
-    <h3><input type="checkbox" id="criteria_protocol" value="1"> Matching criteria - protocol</h3>
+    <h3><input type="checkbox" id="criteria_protocol" value="1"> <label for="criteria_protocol" class="label_for_h3">Matching criteria - protocol</label></h3>
     <div class="container" id="criteria_protocol_block" style="display: none">
 
         <div class="row">
@@ -131,7 +131,7 @@
         </div>
     </div>
 
-    <h3><input type="checkbox" id="criteria_port" value="1"> Matching criteria - port</h3>
+    <h3><input type="checkbox" id="criteria_port" value="1" id="criteria_port"> <label for="criteria_port" class="label_for_h3">Matching criteria - port</label></h3>
     <div class="container" id="criteria_port_block" style="display: none">
         <div class="row">  
             <div class="col">
@@ -223,7 +223,7 @@
     </div>
     -->
 
-    <h3><input type="checkbox" id="criteria_address" value="1"> Matching criteria - address</h3>
+    <h3><input type="checkbox" id="criteria_address" value="1" id="criteria_address"> <label for="criteria_address" class="label_for_h3">Matching criteria - address</label></h3>
     <div class="container" id="criteria_address_block" style="display: none">
 
         <div class="row">
@@ -271,7 +271,7 @@
         </div>
     </div>
     
-    <h3><input type="checkbox" id="criteria_addressgroup" value="1"> Matching criteria - address-group</h3>
+    <h3><input type="checkbox" id="criteria_addressgroup" value="1" id="criteria_addressgroup"> <label for="criteria_addressgroup" class="label_for_h3">Matching criteria - address-group</label></h3>    
     <div class="container" id="criteria_addressgroup_block" style="display: none">    
 
         <div class="row">
@@ -304,7 +304,7 @@
     </div>
 
 
-    <h3><input type="checkbox" id="criteria_networkgroup" value="1"> Matching criteria - network-group</h3>
+    <h3><input type="checkbox" id="criteria_networkgroup" value="1" id="criteria_networkgroup"> <label for="criteria_networkgroup" class="label_for_h3">Matching criteria - network-group</label></h3>    
     <div class="container" id="criteria_networkgroup_block" style="display: none">
         <div class="row">
             <div class="col">
@@ -335,7 +335,7 @@
 
     </div>    
 
-    <h3><input type="checkbox" id="criteria_portgroup" value="1"> Matching criteria - port group</h3>
+    <h3><input type="checkbox" id="criteria_portgroup" value="1" id="criteria_portgroup"> <label for="criteria_portgroup" class="label_for_h3">Matching criteria - port group</label></h3>    
     <div class="container" id="criteria_portgroup_block" style="display: none">
         <div class="row">
             <div class="col">
@@ -368,8 +368,7 @@
 
     </div>    
 
-
-    <h3><input type="checkbox" id="criteria_sourcemac" value="1"> Matching criteria - source mac address</h3>  
+    <h3><input type="checkbox" id="criteria_sourcemac" value="1" id="criteria_sourcemac"> <label for="criteria_sourcemac" class="label_for_h3">Matching criteria - source mac address</label></h3>    
     <div class="container" id="criteria_sourcemac_block" style="display: none">
         <div class="row">
             <div class="col">
@@ -387,7 +386,7 @@
 
     </div>
 
-    <h3><input type="checkbox" id="criteria_tcpflags" value="1"> Matching criteria - TCP Flags</h3>  
+    <h3><input type="checkbox" id="criteria_tcpflags" value="1" id="criteria_tcpflags"> <label for="criteria_tcpflags" class="label_for_h3">Matching criteria - TCP Flags</label></h3>    
     <div class="container" id="criteria_tcpflags_block" style="display: none">
         <div class="row">
             <div class="col">
@@ -430,8 +429,7 @@
         </div>
     </div>
 
-
-    <h3><input type="checkbox" id="criteria_packetstate" value="1"> Matching criteria - Packet State</h3>  
+    <h3><input type="checkbox" id="criteria_packetstate" value="1" id="criteria_packetstate"> <label for="criteria_packetstate" class="label_for_h3">Matching criteria - Packet State</label></h3>    
     <div class="container" id="criteria_packetstate_block" style="display: none">
         <div class="row">
             <div class="col">

vycontrol/s/main.css

@@ -155,3 +155,6 @@ input[type=submit] {
   color:#af1d1d ;
 }
 
+.label_for_h3 {
+  margin-bottom: 0;
+}

vycontrol/vycenter/templates/base.html

@@ -8,7 +8,7 @@
 
     <!-- Bootstrap CSS -->
     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.4.1/css/bootstrap.min.css" integrity="sha384-Vkoo8x4CGsO3+Hhxv8T/Q5PaXtkKtu6ug5TOeNV6gBiFeWPGFN9MuhOf23Q9Ifjh" crossorigin="anonymous">
-    <link rel="stylesheet" href="{% static "main.css" %}?19">
+    <link rel="stylesheet" href="{% static "main.css" %}?20">
     <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.5.1/jquery.min.js"></script>
 
     <title>{% block header_title %}{% endblock %} - VyControl</title>