From 24be7a22ece23f0e01cb565ddb63934972d6784b Mon Sep 17 00:00:00 2001
From: Peter Stockings <pstockings@jadeworld.com>
Date: Wed, 26 Jul 2023 12:54:45 +1000
Subject: [PATCH] Make person list view mobile responsive

---
 templates/person.html | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/templates/person.html b/templates/person.html
index cd2ce49..f35cc21 100644
--- a/templates/person.html
+++ b/templates/person.html
@@ -9,7 +9,7 @@
 <div class="flex justify-center">
     <div class="bg-white shadow rounded-lg p-4 sm:w-full xl:p-8 md:w-full lg:w-11/12">
 
-        <div class="mb-4 flex items-center justify-between">
+        <div class="mb-4 flex items-center justify-between px-3">
             <div>
                 <h3 class="text-xl font-bold text-gray-900 mb-2">{{ person['PersonName'] }}</h3>
                 <span class="text-base font-normal text-gray-500">List of workouts</span>
@@ -37,7 +37,7 @@
 
         </div>
 
-        <div class="flex flex-wrap -mx-3 mb-1">
+        <div class="flex flex-wrap mb-1">
             <div class="w-full md:w-1/4 px-3 mb-6 md:mb-0">
                 <div class="mb-1 w-full">
                     <label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2" for="grid-city">
@@ -126,7 +126,7 @@
         {% include 'partials/tags.html' %}
         {% endwith %}
 
-        <div class="flex flex-col mt-3">
+        <div class="flex flex-col mt-3 w-screen sm-w-full">
             <div class="overflow-x-auto rounded-lg">
                 <div class="align-middle inline-block min-w-full">
                     <div class="shadow overflow-hidden sm:rounded-lg">