adjusted demo code

Author: jonasjabari

spec/dummy/app/matestack/pages/my_app/my_first_page.rb

@@ -2,10 +2,13 @@ class Pages::MyApp::MyFirstPage < Page::Cell::Page
 
   def response
     components {
-      div do
+      heading size: 2, text: "This is Page 1"
+
+      div id: "some-id", class: "some-class" do
         plain "hello from page 1"
       end
     }
   end
 
+
 end

spec/dummy/app/matestack/pages/my_app/my_fourth_page.rb

@@ -9,16 +9,21 @@ def response
       heading size: 2, text: "Dummy Model Form:"
       form my_form_config, :include do
         form_input key: :title, type: :text, placeholder: "title"
-        pg
+        br
+        br
         form_submit do
           button text: "Submit me!"
         end
       end
-      pg
+
+      br
+
       async show_on: "form_has_errors", hide_after: 5000 do
         plain "Data could not be submitted, please check form"
       end
-      pg
+
+      br
+
       async rerender_on: "form_succeeded" do
         heading size: 2, text: "Dummy Models:"
         ul do

spec/dummy/app/matestack/pages/my_app/my_third_page.rb

@@ -6,13 +6,18 @@ def response
         action my_action_config do
           button text: "Click me!"
         end
-        pg
+
+        br
+        br
+
         async rerender_on: "my_action_succeeded" do
           div id: "my-div" do
             plain DateTime.now.strftime("%Q")
           end
         end
-        pg
+
+        br
+
         async show_on: "my_action_succeeded", hide_after: 2000 do
           plain "action succeeded!"
         end