diff --git a/src/components/Account/UserProjectsList.vue b/src/components/Account/UserProjectsList.vue index 3d7302a19b701d5d3d7363424e1459f849b69017..4e26440a571bfb10b66cb2d96ac28b4d09b26378 100644 --- a/src/components/Account/UserProjectsList.vue +++ b/src/components/Account/UserProjectsList.vue @@ -47,11 +47,11 @@ <div class="description"> <p>{{ project.description }}</p> </div> - <div class="meta"> + <div class="meta top"> <span class="right floated" > - Projet {{ project.moderation ? "" : "non" }} modéré + <strong>Projet {{ project.moderation ? "" : "non" }} modéré</strong> </span> <span> Niveau d'autorisation requis : {{ project.access_level_pub_feature }} @@ -228,6 +228,12 @@ export default { } } +.description { + p { + text-align: justify; + } +} + @media only screen and (min-width: 767px) { .item-content-wrapper { align-items: flex-start; @@ -235,6 +241,12 @@ export default { .middle.aligned.content { width: 100%; padding: 0 0 0 1.5em; + + .meta.top { + span { + line-height: 1.2em; + } + } } } } @@ -244,8 +256,25 @@ export default { align-items: center; .middle.aligned.content { - width: 70%; + width: 80%; padding: 1.5em 0 0; + + .meta.top { + display: flex; + flex-direction: column; + align-items: flex-start; + justify-content: center; + + .right.floated { + float: none !important; + margin-left: 0 !important; + margin-bottom: 0.5em; + } + + span { + margin: 0.15em 0; + } + } } } }