f

html/templates/browser.html

@@ -85,8 +85,10 @@ <h4 class="card-title">Telemetry sensor Analyzer</h4>
                     </label>
                 </div>
             </form>
+            <div class="d-flex justify-content-center align-items-center">
             <input class="btn btn-primary" type="submit" value="Analyze path" name="browse" id="browse"
                 style="margin: 10px;margin-right: 0;margin-bottom: 0;margin-left: 0;">
+            </div>
         </div>
     </div>
     <div class="card">

html/templates/cred.html

@@ -78,10 +78,13 @@ <h4 class="card-title">Certificats Management for gNMI (Telegraf client side con
                     see README)?
                 </label>
             </div>
-            </select></form><input onclick="saveCred();" class="btn btn-primary" type="submit" value="Update"
-                name="addB" style="margin: 10px;margin-right: 0;margin-bottom: 0;margin-left: 0;">
+            </select>
+        </form>
+        <div class="d-flex justify-content-center align-items-center">
+        <input onclick="saveCred();" class="btn btn-primary" type="submit" value="Update" name="addB">
         </div>
     </div>
+    </div>
 
     <script src="js/jquery-3.6.4.min.js"></script>
     <script src="bootstrap/js/bootstrap.min.js"></script>

html/templates/profiles.html

@@ -52,9 +52,9 @@ <h4 class="card-title">Profile associations Management</h4>
                     {{end}}
                 </select>
             </form>
-
-            <input onclick="addAsso();" class="btn btn-primary" type="submit" value="Create association" name="addB"
-                style="margin: 10px;margin-right: 0;margin-bottom: 0;margin-left: 0;">
+            <div class="d-flex justify-content-center align-items-center">
+                <input onclick="addAsso();" class="btn btn-primary" type="submit" value="Create association" name="addB">
+            </div>
         </div>
 
 

html/templates/routers.html

@@ -40,9 +40,11 @@ <h4 class="card-title">Router Management</h4>
             <form><label class="form-label">Short Name:</label><input id="Shortname" class="form-control" type="text">
             </form>
             <form><label class="form-label" style="margin-top: 10px;">Hostname or IP:</label><input id="Hostname"
-                    class="form-control" type="text"></form>
-            <input onclick="addRouter();" class="btn btn-primary" type="submit" value="Add Router" name="addB"
-                style="margin: 10px;margin-right: 0;margin-bottom: 0;margin-left: 0;">
+                    class="form-control" type="text">
+            </form>
+            <div class="d-flex justify-content-center align-items-center">
+                <input onclick="addRouter();" class="btn btn-primary" type="submit" value="Add Router" name="addB">
+            </div>
         </div>
     </div>
     <div class="card">