diff --git a/Resources/templates/responsive/project/layout.php b/Resources/templates/responsive/project/layout.php
index 5842b11bf5..8c3584c5de 100644
--- a/Resources/templates/responsive/project/layout.php
+++ b/Resources/templates/responsive/project/layout.php
@@ -87,6 +87,7 @@
+
isImpactCalcActive()):?>
= $this->insert('project/partials/impact_by_footprint', ['footprints' => $this->footprints ]) ?>
@@ -95,6 +96,12 @@
+ isHighlightedRewardsActive()): ?>
+
+ = $this->insert('project/partials/highlighted_rewards') ?>
+
+
+
= $this->supply('main-content') ?>
diff --git a/public/assets/sass/layouts/_project.scss b/public/assets/sass/layouts/_project.scss
index 59ca024df5..4bbe76732d 100644
--- a/public/assets/sass/layouts/_project.scss
+++ b/public/assets/sass/layouts/_project.scss
@@ -53,9 +53,12 @@ body.project {
border: 1px solid $color-light-grey;
border-radius: 1rem;
width: 100%;
+ min-height: 40rem;
height: 40rem;
padding: 2rem;
font-size: 1.5rem;
+ overflow: hidden;
+ text-overflow: ellipsis;
.card-header {
h2 {
@@ -64,6 +67,13 @@ body.project {
}
}
+ .card-body {
+ height: 20rem;
+ overflow: hidden;
+ text-overflow: ellipsis;
+ padding-bottom: 1rem;
+ }
+
.amount-box {
color: $color-dark-green;
font-size: 40px;
@@ -78,6 +88,12 @@ body.project {
border: $background-light-green 2px solid;
height: fit-content;
transition: 0.5s;
+
+ .card-body {
+ min-height: 20rem;
+ height: fit-content;
+ transition: 0.5s;
+ }
}
}
}