FIX Update Bootstrap input-group markup in TextCheckboxGroupField to …

…fix alignment
silverstripe · Apr 16, 2018 · d428095 · d428095
1 parent 621dc47
commit d428095
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/client/dist/styles/bundle.css b/client/dist/styles/bundle.css
diff --git a/client/src/styles/textcheckboxgroup.scss b/client/src/styles/textcheckboxgroup.scss
@@ -1,3 +1,4 @@
-.textcheckboxgroup .input-group-addon .form-check-input {
-  margin-top: 4px;
+.textcheckboxgroup .input-group-append .form-check-input {
+  margin-left: 0;
+  position: relative;
 }
diff --git a/templates/DNADesign/Elemental/Forms/TextCheckboxGroupField.ss b/templates/DNADesign/Elemental/Forms/TextCheckboxGroupField.ss
@@ -1,8 +1,8 @@
 <%-- Displays two fields in a Bootstrap input group - used for Title and Displayed --%>
 <div class="input-group">
     $FieldList.first
-    <span class="input-group-addon">
-        <label class="form-check-label">
+    <span class="input-group-append">
+        <label class="input-group-text">
             $FieldList.last
             $FieldList.last.Title
         </label>