little button work

app/views/stories/edit.html.haml

@@ -2,13 +2,8 @@
   %div
   %div
     %h1 Editing story
-    = form_for @story do |f|
-      - if @story.errors.any?
-        #error_explanation
-          %h2= "#{pluralize(@story.errors.count, "error")} prohibited this story from being saved:"
-          %ul
-            - @story.errors.full_messages.each do |message|
-              %li= message
+    = simple_form_for @story do |f|
+      = f.error_notification
 
       = f.input :picture , as: :file , label: (@story.picture.blank? ? "Add picture" : "Change picture")
       = f.input :header

app/views/stories/index.html.haml

@@ -4,4 +4,7 @@
 
 %br
 
-= link_to 'New Story', new_story_path
+.flex.ml-20
+  = link_to new_story_path do
+    %button.bg-cyan-200.mr-3.inline-block.rounded-lg.px-4.py-3.text-md.font-medium.border.border-gray-400
+      New Story

app/views/stories/show.html.haml

@@ -1,5 +1,9 @@
 = render_story @story
 
-= link_to 'Edit', edit_story_path(@story)
-\|
-= link_to 'Back', stories_path
+.mx-20.flex.justify-between
+  = link_to edit_story_path(@story) do
+    %button.mt-6.bg-cyan-200.mr-3.inline-block.rounded-lg.px-4.py-3.text-md.font-medium.border.border-gray-400
+      Edit
+  = link_to stories_path do
+    %button.mt-6.mr-3.inline-block.rounded-lg.px-4.py-3.text-md.font-medium.border.border-gray-400
+      Back