fixing animations.

src/cljs/auto_ap/views/main.cljs

@@ -101,7 +101,9 @@
          [:a {:class "button is-danger is-block is-bold" :href (bidi/path-for routes/routes :index)}
           [:span {:class "compose"} "Back"]]]]]
       [:div {:class "column messages hero is-fullheight", :id "message-feed"}
-       ^{:key (str "active-page-" (:name @company))} [pages/active-page ap]]]
+       ^{:key (str "active-page-" (:name @company))}
+       [:div.inbox-messages
+        [pages/active-page ap]]]]
      [:footer {:class "footer"}
       [:div {:class "container"}
        [:div {:class "content has-text-centered"}
@@ -181,7 +183,9 @@
          [:a {:class "button is-danger is-block is-bold" :href (bidi/path-for routes/routes :new-invoice)}
           [:span {:class "compose"} "New Invoice"]]]]]
       [:div {:class "column messages hero is-fullheight", :id "message-feed"}
-       ^{:key (str "active-page-" (:name @company))} [pages/active-page ap]]]
+       ^{:key (str "active-page-" (:name @company))}
+       [:div.inbox-messages
+        [pages/active-page ap]]]]
      [:footer {:class "footer"}
       [:div {:class "container"}
        [:div {:class "content has-text-centered"}

src/cljs/auto_ap/views/pages.cljs

@@ -52,7 +52,7 @@
 (defmethod active-page :invoices []
   [(with-meta
      (fn []
-       [:div {:class "inbox-messages"}
+       [:div
         [:h1.title "All invoices"]])
      {:component-did-mount (fn []
                              (go

src/cljs/auto_ap/views/pages/admin.cljs

@@ -10,8 +10,5 @@
             [bidi.bidi :as bidi]))
 
 (defn admin-page []
-  [:div {:class "inbox-messages"}
+  [:div
-   [:div.hero
+   [:h1.title "Admin"]])
-    [:div.hero-body
-     [:div.container
-      [:h1.title "Admin"]]]]])

src/cljs/auto_ap/views/pages/admin/companies.cljs

@@ -25,10 +25,7 @@
                 [:td email]])]]))
 
 (defn admin-companies-page []
-  [:div {:class "inbox-messages"}
+  [:div
-   [:div.hero
-    [:div.hero-body
-     [:div.container
    (let [companies (re-frame/subscribe [::subs/companies])
          editing-company (:company @(re-frame/subscribe [::subs/admin]))]
      
@@ -77,4 +74,4 @@
             [:span "Save"] 
             (when (:saving? editing-company)
               [:span.icon
-                  [:i.fa.fa-spin.fa-spinner]])]]]])])]]]])
+               [:i.fa.fa-spin.fa-spinner]])]]]])])])

src/cljs/auto_ap/views/pages/admin/reminders.cljs

@@ -31,12 +31,8 @@
 (defn admin-reminders-page []
   [(with-meta
      (fn []
-       [:div {:class "inbox-messages"}
-        [:div.hero
-         [:div.hero-body
-          [:div.container
        [:div
         [:h1.title "Reminders"]
-            [reminders-table]]]]]])
+        [reminders-table]])
      {:component-did-mount (fn []
                              (re-frame/dispatch [::events/mounted]))})])

src/cljs/auto_ap/views/pages/admin/vendors.cljs

@@ -237,10 +237,7 @@
 (defn admin-vendors-page []
   [(with-meta
      (fn []
-       [:div {:class "inbox-messages"}
+       [:div.inbox-messages
-        [:div.hero
-         [:div.hero-body
-          [:div.container
         (let [vendors (re-frame/subscribe [::subs/vendors])
               editing-vendor (:vendor @(re-frame/subscribe [::subs/admin]))]
           
@@ -252,6 +249,6 @@
 
            (when editing-vendor
              [edit-dialog]
-                )])]]]])
+             )])])
      {:component-did-mount (fn []
                              (re-frame/dispatch [::events/mounted]))})])

src/cljs/auto_ap/views/pages/import_invoices.cljs

@@ -93,7 +93,7 @@
     (fn []
       (let [invoice-page (re-frame/subscribe [::invoice-page])
             status (re-frame/subscribe [::subs/status])]
-        [:div {:class "inbox-messages"}
+        [:div
          [:h1.title "Upload invoices"]
          [dropzone]
          

src/cljs/auto_ap/views/pages/index.cljs

@@ -3,10 +3,7 @@
             [auto-ap.routes :as routes]))
 
 (defn index-page []
-  [:div {:class "inbox-messages"}
+  [:div
-   [:div.hero
-    [:div.hero-body
-     [:div.container
    [:h1.title "Dashboard"]
    [:h2.subtitle "To get started, "
-       [:a {:href (bidi/path-for routes/routes :import-invoices)} "Import some invoices"]]]]]])
+    [:a {:href (bidi/path-for routes/routes :import-invoices)} "Import some invoices"]]])

src/cljs/auto_ap/views/pages/login.cljs

@@ -10,10 +10,7 @@
             [bidi.bidi :as bidi]))
 
 (defn login-page []
-  [:div {:class "inbox-messages"}
+  [:div
-   [:div.hero
-    [:div.hero-body
-     [:div.container
    [:h1.title "Login"]
    [:h2.subtitle "To get started, "
-       [:a {:href login-url} "Login with Google"]]]]]])
+    [:a {:href login-url} "Login with Google"]]])

src/cljs/auto_ap/views/pages/new_invoice.cljs

@@ -5,7 +5,7 @@
 
 (defn new-invoice-page []
   (let [form-data (re-frame/subscribe [::subs/new-invoice-form])]
-    [:div {:class "inbox-messages"}
+    [:div 
      [:form 
       [:h1.title "New Invoice"]
       [:div.field

src/cljs/auto_ap/views/pages/paid_invoices.cljs

@@ -9,10 +9,10 @@
     (fn []
       (let [invoices (re-frame/subscribe [::subs/unpaid-invoices])
             status (re-frame/subscribe [::subs/status])]
-        [:div {:class "inbox-messages"}
+        [:div
          [:h1.title "Paid invoices"]
          (if (:loading @status)
-           [:div {:class "inbox-messages"}
+           [:div 
             [:h1.title
              [:i.fa.fa-spin.fa-spinner]]]
            [:table {:class "table", :style {:width "100%"}}