feat(top-up): update the new, edit pages (#75)

app/views/account_automatic_topup_configs/edit.html.slim

@@ -1,6 +1,9 @@
-= form_for [account, automatic_topup_config], method: :patch do |f|
-  .field
-    = f.label :weekly_amount
-    = f.text_field :amount
-  .actions
-    = f.submit 'Update', class: 'button is-primary'
+.columns.is-centered
+  .column.is-one-third
+    h2.title.is-4.has-text-centered Edit automatic topup
+    = form_with model: [account, automatic_topup_config], method: :patch do |f|
+      .field
+        = f.text_field :amount, autofocus: true, class: "input", placeholder: "Weekly amount"
+      div.buttons.is-flex.is-justify-content-flex-end
+        = link_to 'Back', account_path(account), class: 'button is-light'
+        = f.submit 'Update', class: "button is-primary"

app/views/account_automatic_topup_configs/new.html.slim

@@ -1,6 +1,9 @@
-= form_for [account, new_automatic_topup_config], method: :post do |f|
-  .field
-    = f.label :weekly_amount
-    = f.text_field :amount
-  .actions
-    = f.submit 'Create', class: 'button is-primary'
+.columns.is-centered
+  .column.is-one-third
+    h2.title.is-4.has-text-centered Add automatic topup
+    = form_with model: [account, new_automatic_topup_config], method: :post do |f|
+      .field
+        = f.text_field :amount, autofocus: true, class: "input", placeholder: "Weekly amount"
+      div.buttons.is-flex.is-justify-content-flex-end
+        = link_to 'Back', account_path(account), class: 'button is-light'
+        = f.submit 'Save', class: "button is-primary"