Remove whitespace so user can view more to-dos simultaneously (#47)

nskins · Nov 13, 2023 · 29b6a38 · 29b6a38
1 parent a2d5b62
commit 29b6a38
Showing 1 changed file with 2 additions and 3 deletions.
diff --git a/lib/todo_web/live/item_live/item_component.html.heex b/lib/todo_web/live/item_live/item_component.html.heex
@@ -1,15 +1,14 @@
-<div id={"item-#{@item.id}"} class='flex flex-col w-1/2 md:w-1/3 lg:w-1/4 m-2 border-solid border-2 border-black rounded-md'>
+<div id={"item-#{@item.id}"} class='flex flex-row w-full md:w-1/2 lg:w-1/3 m-1 border-solid border-2 border-black rounded-sm'>
   <div class='m-2'>
     <div><%= @item.description %></div>
-    <div class='mt-1'>
+    <div>
       <strong>Due</strong>
       <span class={ItemComponent.compare_date(@item.due_date, @timezone)}> 
         <%= Todo.Date.pretty_date(@item.due_date) %>
       </span>
     </div>
   </div>
   <div class='flex flex-row grow'>
-    <div class='justify-start m-2 self-end'><%= Item.pretty_status(@item) %></div>
     <div class='flex flex-row grow justify-end self-end m-2'>
       <div class='mr-2'><%= live_patch "Edit", to: Routes.item_index_path(@socket, :edit, @item) %></div>
       <div><%= link "Delete", to: "#", phx_click: "delete", phx_value_id: @item.id, data: [confirm: "Are you sure?"] %></div>