From a41b58942c7772413465f4ac0b27275ee0b6e870 Mon Sep 17 00:00:00 2001
From: Lars Reimann <mail@larsreimann.com>
Date: Sat, 25 Jun 2022 22:26:05 +0200
Subject: [PATCH 1/2] fix(gui): scrollbars on documentation text

---
 api-editor/gui/src/app/App.tsx                                | 4 ++--
 .../features/packageData/selectionView/DocumentationText.tsx  | 3 ++-
 2 files changed, 4 insertions(+), 3 deletions(-)

diff --git a/api-editor/gui/src/app/App.tsx b/api-editor/gui/src/app/App.tsx
index caeceedfb..36481beff 100644
--- a/api-editor/gui/src/app/App.tsx
+++ b/api-editor/gui/src/app/App.tsx
@@ -158,8 +158,8 @@ export const App: React.FC = function () {
                     )}
                     {currentUserAction.type === 'todo' && <TodoForm target={userActionTarget || rawPythonPackage} />}
                 </GridItem>
-                <GridItem gridArea="middlePane" overflow="auto">
-                    <Box flexGrow={1} overflowY="auto" width="100%">
+                <GridItem gridArea="middlePane" overflow="auto" display="flex">
+                    <Box flexGrow={1} overflowY="auto" width="100%" >
                         {(batchMode === BatchMode.None || !isValidUsername) && <SelectionView />}
 
                         {batchMode === BatchMode.Constant && isValidUsername && (
diff --git a/api-editor/gui/src/features/packageData/selectionView/DocumentationText.tsx b/api-editor/gui/src/features/packageData/selectionView/DocumentationText.tsx
index ca1cdb48c..f9a9cbc2a 100644
--- a/api-editor/gui/src/features/packageData/selectionView/DocumentationText.tsx
+++ b/api-editor/gui/src/features/packageData/selectionView/DocumentationText.tsx
@@ -99,6 +99,7 @@ export const DocumentationText: React.FC<DocumentationTextProps> = function ({ d
         <Flex justifyContent="flex-start">
             <HStack
                 alignItems="flex-start"
+                overflow="hidden"
                 cursor={!hasMultipleLines || readMore ? undefined : 'pointer'}
                 onClick={
                     !hasMultipleLines || readMore
@@ -122,7 +123,7 @@ export const DocumentationText: React.FC<DocumentationTextProps> = function ({ d
                     />
                 )}
 
-                <Stack spacing={4}>
+                <Stack spacing={4} overflowX="auto" paddingBottom={4}>
                     <ReactMarkdown
                         components={components}
                         rehypePlugins={[rehypeKatex]}

From 89463b4f093fe61f36c0dcd7ef197d854e61d6d1 Mon Sep 17 00:00:00 2001
From: lars-reimann <lars-reimann@users.noreply.github.com>
Date: Sat, 25 Jun 2022 20:29:48 +0000
Subject: [PATCH 2/2] style: apply automatic fixes of linters

---
 api-editor/gui/src/app/App.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/api-editor/gui/src/app/App.tsx b/api-editor/gui/src/app/App.tsx
index 36481beff..9651934d2 100644
--- a/api-editor/gui/src/app/App.tsx
+++ b/api-editor/gui/src/app/App.tsx
@@ -159,7 +159,7 @@ export const App: React.FC = function () {
                     {currentUserAction.type === 'todo' && <TodoForm target={userActionTarget || rawPythonPackage} />}
                 </GridItem>
                 <GridItem gridArea="middlePane" overflow="auto" display="flex">
-                    <Box flexGrow={1} overflowY="auto" width="100%" >
+                    <Box flexGrow={1} overflowY="auto" width="100%">
                         {(batchMode === BatchMode.None || !isValidUsername) && <SelectionView />}
 
                         {batchMode === BatchMode.Constant && isValidUsername && (