(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

@@ -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 {