From 5f1a5e6a4a9fd9df6459e90c5b0632890b06176f Mon Sep 17 00:00:00 2001
From: Peter Stockings <pstockings@jadeworld.com>
Date: Mon, 1 May 2023 22:58:30 +1000
Subject: [PATCH] Fix sparklines overflowing on mobile and move location to
 below users name

---
 templates/workouts_list.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/templates/workouts_list.html b/templates/workouts_list.html
index 18b12f7..2098741 100644
--- a/templates/workouts_list.html
+++ b/templates/workouts_list.html
@@ -14,6 +14,7 @@
 
         </div>
     </div>
+    <div class="text-sm text-gray-700 mb-4 max-w-full overflow-hidden">{{ user.duration_sparkline }}</div>
     <div class="flex flex-col md:flex-row">
         <div class="w-full">
             <label class="block uppercase tracking-wide text-gray-700 text-xs font-bold mb-2" for="grid-state">
@@ -49,8 +50,7 @@
             class="accordion-button group relative flex w-full items-center rounded-t-[15px] border-0 bg-white py-4 px-5 text-left text-base text-neutral-800 transition [overflow-anchor:none] hover:z-[2] focus:z-[3] focus:outline-none dark:bg-neutral-800 dark:text-white [&:not([data-te-collapse-collapsed])]:bg-white [&:not([data-te-collapse-collapsed])]:text-primary [&:not([data-te-collapse-collapsed])]:[box-shadow:inset_0_-1px_0_rgba(229,231,235)] dark:[&:not([data-te-collapse-collapsed])]:bg-neutral-800 dark:[&:not([data-te-collapse-collapsed])]:text-primary-400 dark:[&:not([data-te-collapse-collapsed])]:[box-shadow:inset_0_-1px_0_rgba(75,85,99)]"
             type="button">
             <div>
-                <h2 class="text-lg font-medium text-gray-900">View {{ user.workouts_count }} workouts <span
-                        class="text-sm text-gray-700 ml-0 md:ml-4">{{ user.duration_sparkline }}</span></h2>
+                <h2 class="text-lg font-medium text-gray-900">View {{ user.workouts_count }} workouts</h2>
 
             </div>
             <span