From 11e30ddd942bbc7bf3f8e522ad871fd5a12d2623 Mon Sep 17 00:00:00 2001
From: florent <flavelle@neogeo.fr>
Date: Fri, 1 Apr 2022 17:05:32 +0200
Subject: [PATCH] modification on user profile interface

---
 src/components/Account/UserActivity.vue     | 18 ++++++++-
 src/components/Account/UserProjectsList.vue | 41 ++++++++++++++++-----
 src/views/Account.vue                       |  5 +--
 3 files changed, 49 insertions(+), 15 deletions(-)

diff --git a/src/components/Account/UserActivity.vue b/src/components/Account/UserActivity.vue
index b4cb302b..f4e66bcd 100644
--- a/src/components/Account/UserActivity.vue
+++ b/src/components/Account/UserActivity.vue
@@ -1,5 +1,8 @@
 <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>
diff --git a/src/components/Account/UserProjectsList.vue b/src/components/Account/UserProjectsList.vue
index 4909e5b7..7af889ba 100644
--- a/src/components/Account/UserProjectsList.vue
+++ b/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>
diff --git a/src/views/Account.vue b/src/views/Account.vue
index bebec1e0..29ba6a05 100644
--- a/src/views/Account.vue
+++ b/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>
-- 
GitLab