design unified

server-status-project · Oct 7, 2021 · a757f69 · a757f69
1 parent 76aab57
commit a757f69
Show file tree

Hide file tree

Showing 5 changed files with 32 additions and 16 deletions.
diff --git a/src/admin/service-group.php b/src/admin/service-group.php
@@ -54,13 +54,18 @@
   <?php
   } ?>
   <div class="form-group">
-    <div class="col-sm-6"><label for="group"><?php echo _("Service Group Name"); ?>: </label><input type="text" maxlength="50" name="group" value="<?php echo ((isset($_POST['group'])) ? htmlspecialchars($_POST['group'], ENT_QUOTES) : $group_value); ?>" id="group" placeholder="<?php echo _("service group name"); ?>" class="form-control" required></div>
-    <div class="col-sm-6"><label for="description"><?php echo _("Description"); ?>: </label><input type="text" maxlength="100" name="description" value="<?php echo ((isset($_POST['description'])) ? htmlspecialchars($description_value, ENT_QUOTES) : $description_value); ?>" id="description" placeholder="<?php echo _("Description"); ?>" class="form-control"></div>
-  </div>
-  <div class="form-group">
-    <div class="col-sm-6">
-      <label for="visibility_id"><?php echo _("Visibility"); ?>: </label>
-      <select name="visibility_id" id="visibility_id" class="form-control">
+    <div class="input-group mb-3">
+      <span class="input-group-text" id="group"><?php echo _("Service Group Name"); ?></span>
+      <input type="text" class="form-control" maxlength="50" name="group" value="<?php echo ((isset($_POST['group'])) ? htmlspecialchars($_POST['group'], ENT_QUOTES) : $group_value); ?>" id="group" class="form-control" aria-describedby="group" required>
+    </div>
+    <div class="input-group mb-3">
+      <span class="input-group-text" id="description"><?php echo _("Description"); ?></span>
+      <input type="text" class="form-control" maxlength="50" name="description" value="<?php echo ((isset($_POST['description'])) ? htmlspecialchars($_POST['description'], ENT_QUOTES) : $description_value); ?>" id="description" class="form-control" aria-describedby="description" required>
+    </div>
+
+    <div class="input-group mb-3">
+      <label class="input-group-text" for="group_id"><?php echo _("Service Group"); ?></label>
+      <select class="form-select" name="group_id" id="group_id">
         <?php
         if (!empty($visibility_id_value)) {
           $visibility_id = $visibility_id_value;

diff --git a/src/admin/service.php b/src/admin/service.php
@@ -56,13 +56,18 @@
   <?php
   } ?>
   <div class="form-group">
-    <div class="col-sm-6"><label for="service"><?php echo _("Service"); ?>: </label><input type="text" maxlength="50" name="service" value="<?php echo ((isset($_POST['service'])) ? htmlspecialchars($_POST['service'], ENT_QUOTES) : $service_value); ?>" id="service" placeholder="<?php echo _("service"); ?>" class="form-control" required></div>
-    <div class="col-sm-6"><label for="description"><?php echo _("Description"); ?>: </label><input type="text" maxlength="200" name="description" value="<?php echo ((isset($_POST['description'])) ? htmlspecialchars($_POST['description'], ENT_QUOTES) : $description_value); ?>" id="description" placeholder="<?php echo _("Description"); ?>" class="form-control"></div>
-  </div>
-  <div class="form-group">
-    <div class="col-sm-6">
-      <label for="group_id"><?php echo _("Service Group"); ?>: </label>
-      <select name="group_id" id="group_id" class="form-control">
+    <div class="input-group mb-3">
+      <span class="input-group-text" id="service"><?php echo _("Service"); ?></span>
+      <input type="text" class="form-control" maxlength="50" name="service" value="<?php echo ((isset($_POST['service'])) ? htmlspecialchars($_POST['service'], ENT_QUOTES) : $service_value); ?>" id="service" class="form-control" aria-describedby="service" required>
+    </div>
+    <div class="input-group mb-3">
+      <span class="input-group-text" id="description"><?php echo _("Description"); ?></span>
+      <input type="text" class="form-control" maxlength="50" name="description" value="<?php echo ((isset($_POST['description'])) ? htmlspecialchars($_POST['description'], ENT_QUOTES) : $description_value); ?>" id="description" class="form-control" aria-describedby="description" required>
+    </div>
+
+    <div class="input-group mb-3">
+      <label class="input-group-text" for="group_id"><?php echo _("Service Group"); ?></label>
+      <select class="form-select" name="group_id" id="group_id">
         <?php
         if (!empty($group_id_value)) {
           $group_id = $group_id_value;

diff --git a/src/css/main.css b/src/css/main.css
diff --git a/src/css/main.css.map b/src/css/main.css.map
diff --git a/src/css/main.sass b/src/css/main.sass
@@ -273,8 +273,14 @@ main.container
 
   &#servicegroup
 
+    .input-group-text
+      width: 200px
+
   &#service
 
+    .input-group-text
+      width: 200px
+
   &#settings
 
     .input-group-text