FIX: Styling for Required Fields

aljawaid · Jun 30, 2023 · 4e4a0e4 · 4e4a0e4
1 parent 61437ba
commit 4e4a0e4
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/Assets/css/address-book.css b/Assets/css/address-book.css
@@ -97,7 +97,7 @@ fieldset.ab-new-item .input-section, fieldset.ab-new-item .form-actions {
     vertical-align: middle;
 }
 
-.input-section span.form-required, .property-wrapper span.form-required, .input-wrapper span.form-required {
+.input-section span.form-required, .property-wrapper span.form-required, .input-wrapper span.form-required, .form-group-edit span.form-required {
     vertical-align: top;
     transform: scale(1.7);
     display: inline-block;
@@ -106,6 +106,14 @@ fieldset.ab-new-item .input-section, fieldset.ab-new-item .form-actions {
     padding-left: 3px;
 }
 
+.form-group-edit span.form-required {
+    /* padding: 0; */
+    /* position: absolute; */
+    /* margin-top: 9px; */
+    margin-left: -17px;
+    vertical-align: middle;
+}
+
 .input-section .form-help, .modal-form-help {
     margin-bottom: 0;
     max-width: 360px;
@@ -200,6 +208,7 @@ select.property-input-select {
     width: 170px;
     margin-top: 0;
     text-align: center;
+    margin-right: -3px;
 }
 
 select.property-input-select:focus, input[type="tel"].property-input:focus, input[type="url"].property-input:focus {

diff --git a/Template/contact/edit.php b/Template/contact/edit.php
@@ -63,7 +63,7 @@
             $item_help = $this->ContactsHelper->getItemHelp($key);
             ?>
 
-            <div class="form-group">
+            <div class="form-group form-group-edit">
                 <?= $this->form->label($value, $key . '__' . $trimmedItem) ?>
                 <?php if ($item_type == 'number'): ?>
                     <?= $this->form->number($key . '__' . $trimmedItem, $values, $errors, array('placeholder="' . $number_value_empty_use_title_tag . '"', 'title="' . t('Format: 12345') . '"', 'step="1"'), 'property-input property-input-number') ?>