add dates to members

app/views/members/edit.html.haml

@@ -5,14 +5,17 @@
   .flex.flex-col
     %h1.text-4xl Editing profile
 
-= simple_form_for @member , builder: SimpleForm::Tailwind::FormBuilder do |f|
+= simple_form_for @member  do |f|
   = f.error_notification
 
   .grid.grid-cols-4.mx-20
     .info.mr-8
       = f.input :name
+      .grid.grid-cols-2.gap-10
+        = f.input :arrived
+        = f.input :left
       = f.input :public , label: "Public: (Click box below)"
-      = f.input :picture , as: :file
+      = f.input :picture , as: :file , label: (@member.picture.blank? ? "Add picture" : "Change picture")
       .flex.justify-center.actions.m-10
         = f.button :button, "Update", class: button_classes + " bg-cyan-200"
         = link_to  member_path(@member) do

app/views/members/index.html.haml

@@ -6,8 +6,10 @@
       .fex.flex-col.overflow-hidden.rounded-lg.border.border-gray-100.shadow-sm.m-10
         =link_to member do
           = image_for( member ,  class: "h-60 w-full object-cover")
-          %h3.p-5.text-2xl.bg-gray-100.text-black.font-bold.text-center
+          %h3.pt-5.text-2xl.bg-gray-100.text-black.font-bold.text-center
             = member.name
+          .p-2.text-xs.bg-gray-50.text-black.font-bold.text-center
+            = stayed member
         %div.h-full
           .p-5.text-center
             .m-2.text-sm.leading-relaxed.line-clamp-3{ prose_classes }

app/views/members/show.html.haml

@@ -6,7 +6,7 @@
     .flex.flex-col.justify-center.p-8.lg:p-16.lg:pl-10{:class => "lg:w-1/2"}
       %div
         %p.inline-block.px-3.py-px.mb-4.text-xs.font-semibold.tracking-wider.text-teal-900.uppercase.rounded-full.bg-teal-accent-400
-          Arrived
+          = stayed(@member)
       %h5.mb-3.text-3xl.font-extrabold.leading-none.sm:text-4xl
         = @member.name
       .mb-8.text-gray-800

app/views/stories/edit.html.haml

@@ -13,7 +13,7 @@
       = 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)}
-      .mt-4= f.input :happened , class: "flex"
+      = f.input :happened , wrapper_class: "flex mt-4 align-center"
       %button.mt-6.bg-cyan-200.mr-3.inline-block.rounded-lg.px-4.py-3.text-md.font-medium.border.border-gray-400
         = f.submit 'Save'
       %button.ml-20.mr-3.inline-block.rounded-lg.px-4.py-3.text-md.font-medium.border.border-gray-400