vertical alignment

resources/public/output.css

@@ -1755,6 +1755,10 @@ input:checked + .toggle-bg {
   place-self: end;
 }
 
+.self-start {
+  align-self: flex-start;
+}
+
 .justify-self-start {
   justify-self: start;
 }
@@ -2208,6 +2212,10 @@ input:checked + .toggle-bg {
   vertical-align: baseline;
 }
 
+.align-top {
+  vertical-align: top;
+}
+
 .text-2xl {
   font-size: 1.5rem;
   line-height: 2rem;

src/clj/auto_ap/ssr/admin/transaction_rules.clj

@@ -402,11 +402,11 @@
                                                  :value (some-> (fc/field-value)
                                                                 (* 100 )
                                                                 (long ))}))))))
-                     (com/data-grid-cell
-                       (com/a-icon-button
-                         {"_"   (hiccup/raw "on click halt the event then transition the closest <tr />'s opacity to 0 then remove closest <tr />")
-                          :href "#"}
-                         svg/x))))
+                     (com/data-grid-cell {:class "align-top"}
+                                         (com/a-icon-button
+                                           {"_"   (hiccup/raw "on click halt the event then transition the closest <tr />'s opacity to 0 then remove closest <tr />")
+                                            :href "#"}
+                                           svg/x))))
 
 ;; TODO dialog is no longer closeable
 (defn dialog* [& {:keys [ entity form-params form-errors]}]