Move person graphs down below title

templates/dashboard.html

@@ -2,11 +2,6 @@
 
 {% block content %}
 
-<div class="hidden" hx-get="{{ url_for('get_people_graphs') }}"
-    hx-include="[name='exercise_id'],[name='min_date'],[name='max_date'],[name='person_id']" hx-trigger="load"
-    hx-target="this" hx-swap="outerHTML">
-</div>
-
 <div class="bg-white shadow rounded-lg pt-4 p-3 md:p-4 w-full mb-4">
     <div class="flex flex-wrap">
         <div class="w-full lg:w-1/4 sm:w-full px-3 mb-6 md:mb-0">
@@ -102,6 +97,10 @@
     {{ render_partial('partials/tags.html',person_id=None, tags=tags) }}
 </div>
 
+<div class="hidden" hx-get="{{ url_for('get_people_graphs') }}"
+    hx-include="[name='exercise_id'],[name='min_date'],[name='max_date'],[name='person_id']" hx-trigger="load"
+    hx-target="this" hx-swap="outerHTML">
+</div>
 
 {% if model['People']|length == 0 %}
 <div class="bg-purple-100 rounded-lg py-5 px-6 mb-4 text-base text-purple-700 mb-3" role="alert" id="no-workouts">

templates/notes.html

@@ -3,9 +3,6 @@
 {% block content %}
 
 <div class="flex flex-grow flex-col bg-white sm:rounded shadow overflow-hidden">
-    <div class="hidden" hx-get="{{ url_for('get_people_graphs') }}" hx-vals='{"person_id": "{{ person_id }}"}'
-        hx-trigger="load" hx-target="this" hx-swap="outerHTML">
-    </div>
 
     <div class="flex items-center justify-between pt-2 pb-2">
         <div class="flex">
@@ -25,6 +22,11 @@
         </div>
     </div>
 
+    <div class="hidden" hx-get="{{ url_for('get_people_graphs') }}" hx-vals='{"person_id": "{{ person_id }}"}'
+        hx-trigger="load" hx-target="this" hx-swap="outerHTML">
+    </div>
+
+
     {% if workout_notes %}
     <div class="relative w-full overflow-auto">
         <table class="w-full caption-bottom text-sm">

templates/person_overview.html

@@ -5,11 +5,6 @@
 <div class="flex max-w-full overflow-x-hidden">
     <div class="bg-white shadow rounded-lg pt-2 pb-2 sm:w-full xl:p-8 md:w-full">
 
-        <div class="hidden" hx-get="{{ url_for('get_people_graphs') }}"
-            hx-include="[name='exercise_id'],[name='min_date'],[name='max_date']"
-            hx-vals='{"person_id": "{{ person_id }}"}' hx-trigger="load" hx-target="this" hx-swap="outerHTML">
-        </div>
-
         <div class="mb-4 flex items-center justify-between px-2 md:px-3">
             <div>
                 <h3 class="text-xl font-bold text-gray-900 mb-2">{{ person_name }}</h3>
@@ -99,6 +94,11 @@
 
         {{ render_partial('partials/tags.html',person_id=person_id, tags=tags) }}
 
+        <div class="hidden" hx-get="{{ url_for('get_people_graphs') }}"
+            hx-include="[name='exercise_id'],[name='min_date'],[name='max_date']"
+            hx-vals='{"person_id": "{{ person_id }}"}' hx-trigger="load" hx-target="this" hx-swap="outerHTML">
+        </div>
+
         <div class="mt-4 mb-4 w-full grid grid-cols-1 2xl:grid-cols-2 gap-4">
             {% for graph in exercise_progress_graphs %}
             {{ render_partial('partials/sparkline.html', **graph.progress_graph) }}