move both the contributions to & from this project to the last column (for when they both show)

project.task.yaml

@@ -7,8 +7,6 @@ tasks:
 - 40 notifications :
   - push, where we trigger a ServiceWorker(?) in the app to reach out and check for new data assignee:matthew
 
-- .5 add link to further project / people when a project pays ahead
-
 - .5 allow to manage their notifications even without an identity
 - .5 bug - on the discover page, enter a search term and search and see a duplicate project show at the end of the list
 - 01 Ensure each action sent to the server has a confirmation - eg registration (ie a toast something that dismisses after 5-10s)

src/views/ProjectViewView.vue

@@ -210,35 +210,37 @@
         </ul>
       </div>
 
-      <div v-if="fulfilledByThis" class="bg-slate-100 px-4 py-3 rounded-md">
+      <div class="grid items-start grid-cols-1 gap-4">
-        <h3 class="text-sm uppercase font-semibold mb-3">
+        <div
-          Contributions By This Project
+          v-if="fulfillersToThis.length > 0"
-        </h3>
+          class="bg-slate-100 px-4 py-3 rounded-md"
-        <button
-          @click="onClickLoadProject(fulfilledByThis.handleId)"
-          class="text-blue-500"
         >
-          {{ fulfilledByThis.name }}
+          <h3 class="text-sm uppercase font-semibold mb-3">
-        </button>
+            Contributions To This Project
-      </div>
+          </h3>
+          <ul>
+            <li v-for="plan in fulfillersToThis" :key="plan.handleId">
+              <button
+                @click="onClickLoadProject(plan.handleId)"
+                class="text-blue-500"
+              >
+                {{ plan.name }}
+              </button>
+            </li>
+          </ul>
+        </div>
 
-      <div
+        <div v-if="fulfilledByThis" class="bg-slate-100 px-4 py-3 rounded-md">
-        v-if="fulfillersToThis.length > 0"
+          <h3 class="text-sm uppercase font-semibold mb-3">
-        class="bg-slate-100 px-4 py-3 rounded-md"
+            Contributions By This Project
-      >
+          </h3>
-        <h3 class="text-sm uppercase font-semibold mb-3">
+          <button
-          Contributions To This Project
+            @click="onClickLoadProject(fulfilledByThis.handleId)"
-        </h3>
+            class="text-blue-500"
-        <ul>
+          >
-          <li v-for="plan in fulfillersToThis" :key="plan.handleId">
+            {{ fulfilledByThis.name }}
-            <button
+          </button>
-              @click="onClickLoadProject(plan.handleId)"
+        </div>
-              class="text-blue-500"
-            >
-              {{ plan.name }}
-            </button>
-          </li>
-        </ul>
       </div>
     </div>