Fix location overlap on index page user locations (#463)

* Fix location overlap on index page user locations

* Fixups

* Fixups

* Fixups

Author: jbampton

src/index.njk

@@ -31,9 +31,10 @@ layout: false
             {% set country = person.data.country %}
             {% set location = person.data.location %}
             {% if location or country %}
-            <span class="shrink-0 text-[10px] bg-[var(--bg-footer)] text-[var(--text-muted)] px-2 py-1 rounded font-bold uppercase border border-[var(--border-color)]">
-              {{ location }}{% if location and country %}, {% endif %}{{ country }}
-            </span>
+            <div class="flex flex-col items-end gap-0.5 shrink-0 text-[10px] bg-[var(--bg-footer)] text-[var(--text-muted)] px-2 py-1 rounded font-bold uppercase border border-[var(--border-color)]">
+              {% if location %}<span>{{ location }}</span>{% endif %}
+              {% if country %}<span>{{ country }}</span>{% endif %}
+            </div>
             {% endif %}
           </div>