style: outline list

podlove · Feb 6, 2024 · d1e9a64 · d1e9a64
1 parent 4a49111
commit d1e9a64
Show file tree

Hide file tree

Showing 2 changed files with 3 additions and 2 deletions.
diff --git a/assets/js/hooks/item.ts b/assets/js/hooks/item.ts
@@ -6,12 +6,13 @@ export function createItem({ uuid, temp_id, content, parent_id, prev_id }: Node)
   input.contentEditable = "plaintext-only"
 
   const ol = document.createElement("ol")
+  ol.className = "list-disc"
 
   const item = document.createElement("li")
   temp_id && (item.id = "outline-node-" + temp_id)
   uuid && (item.id = "outline-node-" + uuid)
 
-  item.className = "my-2 ml-2"
+  item.className = "my-1 ml-4"
 
   item.setAttribute("data-parent", parent_id || "")
   item.setAttribute("data-prev", prev_id || "")

diff --git a/lib/radiator_web/live/episode_live/index.html.heex b/lib/radiator_web/live/episode_live/index.html.heex
@@ -19,6 +19,6 @@
   <section :if={@selected_episode} class="col-span-12 sm:col-span-8">
     <h2 class="text-2xl"><%= @selected_episode.number %> <%= @selected_episode.title %></h2>
     <img class="my-4" src={~p"/images/pic06.jpg"} alt="" />
-    <ol id="outline" class="my-6" phx-hook="outline"></ol>
+    <ol id="outline" class="my-6 list-disc" phx-hook="outline"></ol>
   </section>
 </div>