From 89aa76dbbc61cd7878abc24ac934fa69a9b39820 Mon Sep 17 00:00:00 2001
From: Jean-Baptiste Bellet <jb.bellet@gmail.com>
Date: Thu, 28 Apr 2022 10:54:41 +0200
Subject: [PATCH] Handle long payment description with no space

---
 app/views/split_checkout/_summary.html.haml     | 4 ++--
 app/webpacker/css/darkswarm/split-checkout.scss | 5 +++++
 2 files changed, 7 insertions(+), 2 deletions(-)

diff --git a/app/views/split_checkout/_summary.html.haml b/app/views/split_checkout/_summary.html.haml
index 3e45623ab4..22567b9218 100644
--- a/app/views/split_checkout/_summary.html.haml
+++ b/app/views/split_checkout/_summary.html.haml
@@ -59,8 +59,8 @@
     %div.summary
       %span.summary-value
         = last_payment_method(@order)&.name
-        %p.text-small.text-skinny.pre-line
-          %em= last_payment_method(@order)&.description
+      %div.summary-description
+        = last_payment_method(@order)&.description
       %a.summary-edit{href: main_app.checkout_step_path(:payment)}
         = t("split_checkout.step3.payment_method.edit")
 
diff --git a/app/webpacker/css/darkswarm/split-checkout.scss b/app/webpacker/css/darkswarm/split-checkout.scss
index ea89a87408..9dac45cb64 100644
--- a/app/webpacker/css/darkswarm/split-checkout.scss
+++ b/app/webpacker/css/darkswarm/split-checkout.scss
@@ -185,6 +185,10 @@
     }
   }
 
+  .paymentmethod-container .paymentmethod-description.panel {
+    @include force-wrap;
+  }
+
   .checkout-step3 {
     padding-left: 15px;
     padding-right: 15px;
@@ -281,6 +285,7 @@
 
   .summary-description {
     @include force-wrap;
+    color: $min-accessible-grey;
   }
 
   .summary-edit {