Merge branch 'MLAB-582' into 'testing'

Card title and body have fixed height

See merge request !76

views/DE/project/projectList.pug

@@ -11,7 +11,7 @@ html(lang="de")
         .title-container {
             position: relative;
             color: white;
-            height: 60%;
+            height: 12rem;
             overflow: hidden;
         }
         .card-title-bottom-left {
@@ -40,6 +40,12 @@ html(lang="de")
             width: 100%;
             height: 100%;
         }
+        .clamp-lines {
+            display: -webkit-box;
+            -webkit-line-clamp: 6;
+            -webkit-box-orient: vertical;
+            overflow: hidden;
+        }
   body
     div(class="container")
         div(class="row")
@@ -69,7 +75,7 @@ html(lang="de")
                             div(class="card-img-bg" style=`background-image: url(${item.logo});`)
                             img(class="card-img-top", src=item.logo)
                             h5(class="card-title-bottom-left") #{item.name}
-                        div(class="card-body")
+                        div(class="card-body-fixed-height")
                             div(class="row")
                                 each key in item.keywords
                                     h6
@@ -77,7 +83,7 @@ html(lang="de")
                                         |  
                             div(class="row")
                                 div(class="col-9")
-                                    p(class="card-text") #{item.desc}
+                                    p(class="card-text clamp-lines") #{item.desc}
                                 a(href=item.weburl, class="no_text_decoration stretched-link", target="_blank")
             | </div>