From fa4d3480a0bcc0cefcb4c4d19fad387a600a0481 Mon Sep 17 00:00:00 2001
From: Eduard Kuzmenko <thanwords24@gmail.com>
Date: Mon, 18 Jul 2022 20:39:57 +0200
Subject: [PATCH] Follow-up

---
 src/components/popups/payment.ts | 1 +
 src/components/row.ts            | 4 +++-
 src/scss/components/_global.scss | 4 ++++
 3 files changed, 8 insertions(+), 1 deletion(-)

diff --git a/src/components/popups/payment.ts b/src/components/popups/payment.ts
index e978589c..28470308 100644
--- a/src/components/popups/payment.ts
+++ b/src/components/popups/payment.ts
@@ -480,6 +480,7 @@ export default class PopupPayment extends PopupElement {
         options.subtitleLangKey = options.titleLangKey;
       }
 
+      options.noWrap = true;
       const row = new Row(options);
       row.container.classList.add(className + '-row');
 
diff --git a/src/components/row.ts b/src/components/row.ts
index e5dd5e6e..e1173485 100644
--- a/src/components/row.ts
+++ b/src/components/row.ts
@@ -40,7 +40,8 @@ export default class Row {
     clickable: boolean | ((e: Event) => void),
     navigationTab: SliderSuperTab,
     havePadding: boolean,
-    noRipple: boolean
+    noRipple: boolean,
+    noWrap: boolean
   }> = {}) {
     this.container = document.createElement(options.radioField || options.checkboxField ? 'label' : 'div');
     this.container.classList.add('row');
@@ -104,6 +105,7 @@ export default class Row {
       this.title = document.createElement('div');
       this.title.classList.add('row-title');
       this.title.setAttribute('dir', 'auto');
+      if(options.noWrap) this.title.classList.add('no-wrap');
       if(options.title) {
         if(typeof(options.title) === 'string') {
           this.title.innerHTML = options.title;
diff --git a/src/scss/components/_global.scss b/src/scss/components/_global.scss
index d78621ec..835eb861 100644
--- a/src/scss/components/_global.scss
+++ b/src/scss/components/_global.scss
@@ -164,6 +164,10 @@ Utility Classes
   white-space: pre-wrap !important;
 }
 
+.no-wrap {
+  white-space: nowrap !important;
+}
+
 .no-border-radius {
   border-radius: 0 !important;
 }