align information in bonds tab

css/deltagreen.css

@@ -419,11 +419,13 @@ explicitly define a number of rows, rather than columns. */
   margin-right: 5px;
 }
 
-.deltagreen .items-list .item .item-icon {
+.deltagreen .items-list .item .item-bond-damage {
   -webkit-box-flex: 0;
   -ms-flex: 0 0 24px;
   flex: 0 0 24px;
-  margin-left: 6px;
+  margin: 0;
+  align-self: center;
+  justify-self: center;
 }
 
 .deltagreen .items-list .item img {

templates/actor/parts/bonds-tab.html

@@ -9,7 +9,7 @@
         <ol class="items-list">
             <li class="item flexrow item-header">
 
-                <div class="item-icon">
+                <div class="item-bond-damage">
                     <a data-action="clearBondDamage"
                        title="{{localizeWithFallback 'DG.Generic.ClearAll' 'Clear All'}}"><i class="fas fa-arrow-rotate-left"></i></a>
                 </div>
@@ -33,7 +33,8 @@
                 {{#if_eq item.type "bond" }}
 
                     <li class="item flexrow" data-item-id="{{item.id}}">
-                        <input type="checkbox"
+                        <input class="item-bond-damage"
+                               type="checkbox"
                                data-action="toggleBondDamage"
                                title="Check if bond has been damaged since last home scene."
                                {{checked item.system.hasBeenDamagedSinceLastHomeScene}} />