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

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

See merge request geocontrib/geocontrib-frontend!453

src/components/Projects/ProjectsListItem.vue

@@ -23,7 +23,7 @@
       <div class="description">
         <p>{{ project.description }}</p>
       </div>
-      <div class="meta">
+      <div class="meta top">
         <span class="right floated">
           <strong v-if="project.moderation">Projet modéré</strong>
           <strong v-else>Projet non modéré</strong>
@@ -110,3 +110,36 @@ export default {
 };
 
 </script>
+
+<style lang="less" scoped>
+
+.description {
+  p {
+    text-align: justify;
+  }
+}
+
+@media screen and (max-width: 767px) {
+  .content {
+    width: 90% !important;
+
+    .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;
+      }
+    }
+  }
+}
+
+</style>