improve basic list design

home/templates/home/home_events_page.html

@@ -16,13 +16,13 @@
             {% for event in page.events %}
                 <li class="text-gray-500">
                     <a
-                        class="flex gap-2 flex-wrap"
+                        class="flex flex-col flex-wrap"
                         href="{{ event.url }}"
                     >
                         <div class="underline text-black">{{ event.title }}</div>
                         <div>
-                            ({{ event.date }}{% if event.location %},
-                                {{ event.location }}{% endif %})
+                            {{ event.date }}{% if event.location %},
+                                {{ event.location }}{% endif %}
                         </div>
                     </a>
                 </li>

home/templates/home/home_people_page.html

@@ -14,11 +14,15 @@
 
         <ul class="flex flex-col gap-2 list-disc ml-3 font-serif">
             {% for person in page.people %}
-                <li>
+                <li class="flex flex-col">
                     <a
                         class="underline"
                         href="{{ person.url }}"
-                    >{{ person.full_name }}</a>{% if person.position %}<span class="text-gray-500">, {{ person.inline_position }}{% endif %}
+                    >{{ person.full_name }}</a>
+
+                    {% if person.position %}
+                        <span class="text-gray-500">{{ person.inline_position }}</span>
+                    {% endif %}
                 </li>
             {% endfor %}
         </ul>