improve events

app/views/events/_event.haml

@@ -9,3 +9,7 @@
         = event.start_date
       .mt-8{ prose_classes }
         = markdown(event.text)
+      - unless event.info.blank?
+        = link_to event.info , target: :blank do
+          .mt-5.inline-block.rounded-lg.px-4.py-3.text-md.font-medium.border.border-gray-400.bg-cyan-100.hover:bg-blue-300
+            More info

app/views/events/_event_small.haml

@@ -0,0 +1,12 @@
+.fex.flex-col.overflow-hidden.rounded-lg.border.border-gray-100.shadow-sm.m-10
+  =link_to event do
+    = image_for( event ,  class: "h-60 w-full object-cover")
+    %div
+      %h3.pt-5.text-2xl.bg-gray-100.text-black.font-bold.text-center
+        = event.name
+      .py-1.text-xl.bg-gray-100.text-black.font-bold.text-center
+        = small_date(event.start_date) + " - " + small_date(event.end_date)
+  %div.h-full
+    .p-5.text-center
+      .m-2.text-sm.leading-relaxed.line-clamp-3{ prose_classes }
+        = shorten markdown(event.text)

app/views/events/_form.html.haml

@@ -2,6 +2,7 @@
   = f.error_notification
 
   = f.input :name
+  = f.input :info , label: "Link to event"
   = render "merged/form/editor" , object: @event , field: :text, form: f
   .grid.grid-cols-2.gap-10
     = f.input :start_date
@@ -13,6 +14,7 @@
     label: (@event.picture.blank? ? "Add picture" : "Change picture")
     = f.hidden_field :picture_cache
 
+
   .flex.justify-between
     %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'

app/views/events/index.html.haml

@@ -1,12 +1,4 @@
 .flex.justify-center
-  .grid.grid-cols-4
+  .grid.grid-cols-1.md:grid-cols-2.lg:grid-cols-4
     - @events.each do |event|
-      .fex.flex-col.overflow-hidden.rounded-lg.border.border-gray-100.shadow-sm.m-10
-        =link_to event do
-          = image_for( event ,  class: "h-60 w-full object-cover")
-          %h3.py-5.text-2xl.bg-gray-100.text-black.font-bold.text-center
-            = event.name
-        %div.h-full
-          .p-5.text-center
-            .m-2.text-sm.leading-relaxed.line-clamp-3{ prose_classes }
-              = shorten markdown(event.text)
+      = render "event_small" , event: event