Makes transaction rule form much better; state visible

src/cljs/auto_ap/views/components/buttons.cljs

@@ -0,0 +1,6 @@
+(ns auto-ap.views.components.buttons
+  (:require [auto-ap.views.utils :refer [dispatch-event]]))
+
+(defn fa-icon [{:keys [event icon class]}]
+  [:a.button {:class class
+              :on-click (dispatch-event event)} [:span.icon [:i.fa {:class icon}]]])

src/cljs/auto_ap/views/components/grid.cljs

@@ -106,7 +106,7 @@
      (fn [consume]
        (let [{:strs [on-params-change params] :as consume} (js->clj consume)]
          (r/as-element (into
-                        [:div
+                        [:div {:style {:margin-bottom "1rem"}}
                          [:div.level
                           [:div.level-left
                            [:div.level-item 
@@ -146,7 +146,7 @@
                :enter-class "appear"
                :exit-class "disappear"}
 
-    (into [:span]
+    (into [:div.test ]
           (r/children (r/current-component)))]])
 
 (defn body []
@@ -168,7 +168,6 @@
                                :enter-class "appear"
                                :exit-class "disappear"}
                     [:div.test 
-                     
                      [:div.ph-item
                       [:div.ph-row
                        [:div.ph-col-12.big]]]]]])