fix(ui): prevent metadata layout from shrinking

Add min-w, max-w, and shrink-0 to the location/country metadata container to avoid it collapsing when name or role text is long.

Addresses review feedback from PR #466.

Author: SaishWadnere

src/index.njk

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