Add basic styling

assets/css/app.scss

@@ -89,3 +89,14 @@
 .alert:empty {
   display: none;
 }
+
+ul.locations-list {
+  display: flex;
+  flex-direction: column;
+  list-style: none;
+}
+
+dl.location {
+  display: grid;
+  grid-template-columns: min-content 1fr;
+}

lib/vaccins_web/live/index_live.html.leex

@@ -16,7 +16,7 @@
 
 <button phx-click="trigger_all">Trigger all</button>
 
-<ul>
+<ul class="locations-list">
   <%= for l <- @locations do %>
     <li><%= live_component @socket, VaccinsWeb.LocationComponent, id: l.id, location: l %></li>
   <% end %>

lib/vaccins_web/live/location_component.ex

@@ -30,7 +30,7 @@ defmodule VaccinsWeb.LocationComponent do
   @impl true
   def render(assigns) do
     ~L"""
-      <dl class="show-metadata">
+      <dl class="location">
         <dt>id</dt>
         <dd><%= @location.id %></dd>
         <dt>booking page</dt>