Fix: Project dashboard UI weird arrangement

src/modules/project/pages/ProjectPage.vue

 <template>
   <div>
+    <b-row>
+      <b-col>
         <b-row align-h="between">
           <!-- Resources -->
           <b-col id="resources">
@@ -17,7 +19,10 @@
                   @open-card="openCreateResource($event)"
                 />
                 <b-tooltip target="addResource">
-              <i18n v-if="!isEmailValid" path="page.project.tooltipDisabled">
+                  <i18n
+                    v-if="!isEmailValid"
+                    path="page.project.tooltipDisabled"
+                  >
                     <template #linkToUserProfile>
                       <router-link
                         :to="{ name: 'userprofile' }"
@@ -53,15 +58,10 @@
               </b-card-group>
             </div>
           </b-col>
-
-      <!-- Members -->
-      <b-col id="members">
-        <MembersList v-if="project" />
-      </b-col>
         </b-row>
-
+        <b-row align-h="between">
           <!-- Sub-Projects -->
-    <div id="sub-projects">
+          <b-col id="sub-projects">
             <CoscineHeadline :headline="$tc('page.project.subProject', 0)" />
 
             <div class="list">
@@ -92,7 +92,15 @@
                 />
               </b-card-group>
             </div>
-    </div>
+          </b-col>
+        </b-row>
+      </b-col>
+
+      <!-- Members -->
+      <b-col id="members">
+        <MembersList v-if="project" />
+      </b-col>
+    </b-row>
   </div>
 </template>