From ab2e2ef402d36bf1f3dfcbbd690be45605038304 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Jaros=C5=82aw=20Sadzi=C5=84ski?=
 <jaroslaw.sadzinski@gmail.com>
Date: Tue, 7 Feb 2023 22:20:55 +0100
Subject: [PATCH] (core) Fix for flex-wrap in cssRow

Summary:
Moving flex-wrap from cssRow to cssButtonRow as cssRow should be
rendered in one line. cssButtonRow is used in the transform section UI where
buttons should be wrapped for other than English languages.

Related issue: https://github.com/gristlabs/grist-core/issues/339

Test Plan: Manual tests

Reviewers: georgegevoian

Reviewed By: georgegevoian

Differential Revision: https://phab.getgrist.com/D3794
---
 app/client/ui/RightPanelStyles.ts | 9 ++++++---
 1 file changed, 6 insertions(+), 3 deletions(-)

diff --git a/app/client/ui/RightPanelStyles.ts b/app/client/ui/RightPanelStyles.ts
index 52fbb77d..58ed5ac5 100644
--- a/app/client/ui/RightPanelStyles.ts
+++ b/app/client/ui/RightPanelStyles.ts
@@ -22,8 +22,6 @@ export const cssHelp = styled('div', `
 
 export const cssRow = styled('div', `
   display: flex;
-  flex-wrap: wrap;
-  row-gap: 5px;
   margin: 8px 16px;
   align-items: center;
   color: ${theme.text};
@@ -35,6 +33,11 @@ export const cssRow = styled('div', `
   }
 `);
 
+export const cssRowWrapped = styled(cssRow, `
+  flex-wrap: wrap;
+  row-gap: 5px;
+`);
+
 export const cssSortFilterColumn = styled('div', `
   cursor: pointer;
   display: flex;
@@ -53,7 +56,7 @@ export const cssBlockedCursor = styled('span', `
   }
 `);
 
-export const cssButtonRow = styled(cssRow, `
+export const cssButtonRow = styled(cssRowWrapped, `
   margin-left: 0;
   margin-right: 0;
   & > button {