%div
  Story layout changes with the amount of text.
  For short lext a wide picture is best. Otherwise square, and for
  longer text a high picture also works.
= 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
  = f.input :text , input_html: {rows: rows(@story.text)}
  = f.input :happened , wrapper_class: "flex mt-4 align-center"
  .flex.justify-between.mt-6
    %button.bg-cyan-200.rounded-lg.px-4.py-3.text-md.font-medium.border.border-gray-400
      = f.submit 'Save'
    = link_to  @story do
      %button.ml-20.rounded-lg.px-4.py-3.text-md.font-medium.border.border-gray-400
        Back