diff --git a/src/components/Account/UserActivity.vue b/src/components/Account/UserActivity.vue index b4cb302b11bf3b48ee211969602a69cdbefe6d2f..f4e66bcd8775224dbf77be266382a9a685557872 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 4909e5b74004d8a0b51b73dc1bf8d1e49ab6235f..7af889ba05f2fa9b808de6a05ea004578070dde1 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" - /> {{ project.created_on }} + /> + {{ project.created_on }} </span> <span data-tooltip="Membres"> {{ project.nb_contributors }} @@ -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 bebec1e06d6be5b1fd3af75a1badb0e8f8afea6f..29ba6a05b556574e11bec5b28fab3e526dd589f8 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>