modification on user profile interface

src/components/Account/UserActivity.vue

 <template>
-  <div class="ui three stackable cards">
+  <div
+    id="user-activity"
+    class="ui stackable cards"
+  >
     <!-- EVENTS -->
     <div class="red card">
       <div class="content">
@@ -215,3 +218,16 @@ export default {
 
 };
 </script>
+
+<style scoped lang="less">
+
+#user-activity {
+  flex-flow: column;
+  margin: 1em 0;
+
+  .card {
+    margin: .875em 0;
+  }
+}
+
+</style>

src/components/Account/UserProjectsList.vue

@@ -49,17 +49,20 @@
             <div class="meta">
               <span
                 class="right floated"
-              >Projet {{ project.moderation ? "" : "non" }} modéré</span>
-              <span>Niveau d'autorisation requis :
-                {{ project.access_level_pub_feature }}</span><br>
+              >
+                Projet {{ project.moderation ? "" : "non" }} modéré
+              </span>
+              <span>
+                Niveau d'autorisation requis : {{ project.access_level_pub_feature }}
+              </span><br>
               <span>
                 Mon niveau d'autorisation :
-                <span v-if="USER_LEVEL_PROJECTS && project">{{
-                  USER_LEVEL_PROJECTS[project.slug]
-                }}</span>
-                <span v-if="user && user.is_administrator">{{
-                  "+ Gestionnaire métier"
-                }}</span>
+                <span v-if="USER_LEVEL_PROJECTS && project">
+                  {{ USER_LEVEL_PROJECTS[project.slug] }}
+                </span>
+                <span v-if="user && user.is_administrator">
+                  {{ "+ Gestionnaire métier" }}
+                </span>
               </span>
             </div>
             <div class="meta">
@@ -70,7 +73,8 @@
                 <i
                   class="calendar icon"
                   aria-hidden="true"
-                />&nbsp;{{ project.created_on }}
+                />
+                &nbsp;{{ project.created_on }}
               </span>
               <span data-tooltip="Membres">
                 {{ project.nb_contributors }}&nbsp;
@@ -198,3 +202,20 @@ export default {
 
 };
 </script>
+
+<style lang="less" scoped>
+
+.item {
+
+  div {
+    width: 100%;
+
+    .content {
+      .header {
+        font-size: 1.1em;
+        font-weight: 600;
+      }
+    }
+  }
+}
+</style>

src/views/Account.vue

@@ -8,15 +8,12 @@
     <div class="ui stackable grid">
       <div class="five wide column">
         <UserProfile />
+        <UserActivity />
       </div>
 
       <div class="eleven wide column">
         <UserProjectsList />
       </div>
-
-      <div class="sixteen wide column">
-        <UserActivity />
-      </div>
     </div>
   </div>
 </template>