Change the order of display for results and objectives in the social work/action form

.changes/unreleased/UX-20251103-131554.yaml

@@ -0,0 +1,6 @@
+kind: UX
+body: Change the order of display for results and objectives in the social work/action form
+time: 2025-11-03T13:15:54.837971477+01:00
+custom:
+    Issue: "455"
+    SchemaChange: No schema change

src/Bundle/ChillPersonBundle/Resources/public/vuejs/AccompanyingCourseWorkEdit/App.vue

@@ -52,30 +52,6 @@
                 </div>
             </div>
 
-            <!-- results which are not attached to an objective -->
-            <div v-if="hasResultsForAction">
-                <div class="results_without_objective">
-                    {{ $t("results_without_objective") }}
-                </div>
-                <div>
-                    <add-result
-                        :availableResults="resultsForAction"
-                        destination="action"
-                    ></add-result>
-                </div>
-            </div>
-
-            <!-- results which **are** attached to an objective -->
-            <div v-for="g in goalsPicked" :key="g.goal.id">
-                <div class="item-title" @click="removeGoal(g)">
-                    <span class="removable">{{
-                        localizeString(g.goal.title)
-                    }}</span>
-                </div>
-                <div>
-                    <add-result :goal="g.goal" destination="goal"></add-result>
-                </div>
-            </div>
             <div class="accordion" id="expandedSuggestions">
                 <div
                     v-if="availableForCheckGoal.length > 0"
@@ -138,6 +114,31 @@
                     }}</span>
                 </div>
             </div>
+
+            <!-- results which are not attached to an objective -->
+            <div v-if="hasResultsForAction">
+                <div class="results_without_objective">
+                    {{ $t("results_without_objective") }}
+                </div>
+                <div>
+                    <add-result
+                        :availableResults="resultsForAction"
+                        destination="action"
+                    ></add-result>
+                </div>
+            </div>
+
+            <!-- results which **are** attached to an objective -->
+            <div v-for="g in goalsPicked" :key="g.goal.id">
+                <div class="item-title" @click="removeGoal(g)">
+                    <span class="removable">{{
+                        localizeString(g.goal.title)
+                    }}</span>
+                </div>
+                <div>
+                    <add-result :goal="g.goal" destination="goal"></add-result>
+                </div>
+            </div>
         </div>
 
         <div id="evaluations" class="action-row">