From b3c88e78e0eb6a74e22b6034fd4cd3f6aa422ecf Mon Sep 17 00:00:00 2001
From: fuzzylogic2000 <katharina.albers@liqd.de>
Date: Mon, 21 Oct 2019 18:06:34 +0200
Subject: [PATCH 1/2] styling/lanading page: smaller negative margin for mobile
 hero image

---
 liqd_product/assets/scss/components/_homepage.scss | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/liqd_product/assets/scss/components/_homepage.scss b/liqd_product/assets/scss/components/_homepage.scss
index 9fded8caf..d2a99068a 100644
--- a/liqd_product/assets/scss/components/_homepage.scss
+++ b/liqd_product/assets/scss/components/_homepage.scss
@@ -31,11 +31,11 @@ $spacer-xl: 7.5rem;
 
 .homepage-header__image {
     position: relative;
-    right: 2*-$r-spacer;
+    right: -$spacer;
     width: 100%;
     object-fit: cover;
 
-    @media screen and (min-width: $breakpoint-xl) {
+    @media screen and (min-width: $breakpoint-xxl) {
         right: 3*-$r-spacer;
     }
 }

From fcb60c8c33c391f5ac3cf99e1f5458e4c5144e52 Mon Sep 17 00:00:00 2001
From: fuzzylogic2000 <katharina.albers@liqd.de>
Date: Mon, 21 Oct 2019 18:25:17 +0200
Subject: [PATCH 2/2] styling/list-item and item-detail: make sure, words are
 brocken instead of overflowing - fixes #1098

---
 liqd_product/assets/scss/components/_item_detail.scss | 2 ++
 liqd_product/assets/scss/components/_list_item.scss   | 1 +
 2 files changed, 3 insertions(+)

diff --git a/liqd_product/assets/scss/components/_item_detail.scss b/liqd_product/assets/scss/components/_item_detail.scss
index 54a4ac178..29703442e 100644
--- a/liqd_product/assets/scss/components/_item_detail.scss
+++ b/liqd_product/assets/scss/components/_item_detail.scss
@@ -1,5 +1,6 @@
 .item-detail {
     margin-bottom: $spacer;
+    overflow-wrap: break-word;
 }
 
 .item-detail--bottom-divider {
@@ -32,6 +33,7 @@
 
 .item-detail__creator {
     margin-right: 0.5em;
+    word-break: break-word;
 }
 
 .item-detail__content {
diff --git a/liqd_product/assets/scss/components/_list_item.scss b/liqd_product/assets/scss/components/_list_item.scss
index 87572c183..bdfe393f4 100644
--- a/liqd_product/assets/scss/components/_list_item.scss
+++ b/liqd_product/assets/scss/components/_list_item.scss
@@ -6,6 +6,7 @@
     background-color: $body-bg;
     margin-bottom: $spacer;
     page-break-inside: avoid;
+    overflow-wrap: break-word;
 
     &.selected {
         background-color: $bg-secondary;