From 42a3ac2675e8edf90dd001db1c5152205924c0be Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jos=C3=A9=20Valim?= <jose.valim@dashbit.co>
Date: Wed, 30 Jun 2021 20:20:08 +0200
Subject: [PATCH] Add scrollbar and spacing on Bin

---
 lib/livebook_web/live/session_live/bin_component.ex | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/lib/livebook_web/live/session_live/bin_component.ex b/lib/livebook_web/live/session_live/bin_component.ex
index 828b08a61..7fa7b47d5 100644
--- a/lib/livebook_web/live/session_live/bin_component.ex
+++ b/lib/livebook_web/live/session_live/bin_component.ex
@@ -59,12 +59,12 @@ defmodule LivebookWeb.SessionLive.BinComponent do
               spellcheck="false"
               autofocus />
           </form>
-          <div class="flex flex-col space-y-8 h-[30rem] pb-1">
-            <%= for %{cell: cell} = entry <- Enum.take(@matching_entries, @limit) do %>
-              <div class="flex flex-col space-y-1">
+          <div class="flex flex-col space-y-8 h-[30rem] pt-3">
+            <%= for {%{cell: cell} = entry, index} <- Enum.take(@matching_entries, @limit) |> Enum.with_index(1) do %>
+              <div class="flex flex-col space-y-1 pb-3">
                 <div class="flex justify-between items-center">
                   <p class="text-sm text-gray-700">
-                    <span class="font-semibold"><%= Cell.type(cell) |> Atom.to_string() |> String.capitalize() %></span> cell
+                    <span class="font-semibold">#<%= index %> <%= Cell.type(cell) |> Atom.to_string() |> String.capitalize() %></span> cell
                     deleted from <span class="font-semibold">“<%= entry.section_name %>”</span> section
                     <span class="font-semibold">
                       <%= entry.deleted_at |> DateTime.to_naive() |> Livebook.Utils.Time.time_ago_in_words() %> ago