FIO-9245 DataGrid: Update test files to match changes in @formio/bootstrap

- Fixes unpredictable width for datagrid buttons
- See formio/bootstrap#118

Author: blakekrammes

test/renders/component-bootstrap-datagrid-multiple.html

@@ -6,8 +6,8 @@
     ">
     <tbody ref="datagrid-dataGrid-tbody" data-key="datagrid-dataGrid">
       <tr ref="datagrid-dataGrid-row">
-        <td class="col-1">
-          <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-dataGrid-removeRow" tabindex="0" aria-label="remove">
+        <td>
+          <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-dataGrid-removeRow" tabindex="0" aria-label="remove" style="display: block; margin: 0 auto">
             <i class="fa fa-remove-circle bi bi-x-circle"></i>
           </button>
         </td>

test/renders/component-bootstrap-datagrid-required.html

@@ -6,8 +6,8 @@
     ">
     <tbody ref="datagrid-dataGrid-tbody" data-key="datagrid-dataGrid">
       <tr ref="datagrid-dataGrid-row">
-        <td class="col-1">
-          <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-dataGrid-removeRow" tabindex="0" aria-label="remove">
+        <td>
+          <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-dataGrid-removeRow" tabindex="0" aria-label="remove" style="display: block; margin: 0 auto">
             <i class="fa fa-remove-circle bi bi-x-circle"></i>
           </button>
         </td>

test/renders/component-bootstrap-datagrid.html

@@ -6,8 +6,8 @@
     ">
     <tbody ref="datagrid-dataGrid-tbody" data-key="datagrid-dataGrid">
       <tr ref="datagrid-dataGrid-row">
-        <td class="col-1">
-          <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-dataGrid-removeRow" tabindex="0" aria-label="remove">
+        <td>
+          <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-dataGrid-removeRow" tabindex="0" aria-label="remove" style="display: block; margin: 0 auto">
             <i class="fa fa-remove-circle bi bi-x-circle"></i>
           </button>
         </td>

test/renders/form-bootstrap-calculateValueWithManualOverride.html

@@ -65,8 +65,8 @@
                       <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
                     </div>
                   </td>
-                  <td class="col-1">
-                    <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-dataGrid-removeRow" tabindex="0" aria-label="remove">
+                  <td>
+                    <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-dataGrid-removeRow" tabindex="0" aria-label="remove" style="display: block; margin: 0 auto">
                       <i class="fa fa-remove-circle bi bi-x-circle"></i>
                     </button>
                   </td>

test/renders/form-bootstrap-data.html

@@ -199,8 +199,8 @@
                 <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
               </div>
             </td>
-            <td class="col-1">
-              <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-dataGrid2-removeRow" tabindex="0" aria-label="remove">
+            <td>
+              <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-dataGrid2-removeRow" tabindex="0" aria-label="remove" style="display: block; margin: 0 auto">
                 <i class="fa fa-remove-circle bi bi-x-circle"></i>
               </button>
             </td>
@@ -253,8 +253,8 @@
                 <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
               </div>
             </td>
-            <td class="col-1">
-              <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-conditionalDataGrid-removeRow" tabindex="0" aria-label="remove">
+            <td>
+              <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-conditionalDataGrid-removeRow" tabindex="0" aria-label="remove" style="display: block; margin: 0 auto">
                 <i class="fa fa-remove-circle bi bi-x-circle"></i>
               </button>
             </td>

test/renders/form-bootstrap-defaults.html

@@ -426,8 +426,8 @@
                 <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
               </div>
             </td>
-            <td class="col-1">
-              <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-dataGrid-removeRow" tabindex="0" aria-label="remove">
+            <td>
+              <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-dataGrid-removeRow" tabindex="0" aria-label="remove" style="display: block; margin: 0 auto">
                 <i class="fa fa-remove-circle bi bi-x-circle"></i>
               </button>
             </td>

test/renders/form-bootstrap-formWithCustomFormatDate.html

@@ -64,8 +64,8 @@
                 <div ref="messageContainer" class="formio-errors invalid-feedback"></div>
               </div>
             </td>
-            <td class="col-1">
-              <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-dataGrid-removeRow" tabindex="0" aria-label="remove">
+            <td>
+              <button type="button" class="btn btn-secondary formio-button-remove-row" ref="datagrid-dataGrid-removeRow" tabindex="0" aria-label="remove" style="display: block; margin: 0 auto">
                 <i class="fa fa-remove-circle bi bi-x-circle"></i>
               </button>
             </td>