Merge branch 'redmine-issue/14458' into 'develop'

REDMINE_ISSUE-14458 | Responsive - description projet mal disposée

See merge request geocontrib/geocontrib-frontend!456

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;
+        }
+      }
     }
   }
 }