fix: Merge pull request #534 from Foldblade/master

Author: seveibar

src/components/ImageClassification/index.js

@@ -41,6 +41,7 @@ const ImageContainer = styled("div")({
   position: "relative",
   display: "flex",
   flexGrow: 1,
+  minHeight: '20vh',
 })
 
 const Image = styled("img")({

src/components/RawJSONEditor/index.js

@@ -21,6 +21,7 @@ export const RawJSONEditor = ({ content, onSave }) => {
         theme="github"
         mode="javascript"
         width="100%"
+        height="calc(100vh - 80px)"
         value={jsonText}
         editorProps={{ $blockScrolling: Infinity }}
         onChange={(t) => setJSONText(t)}

src/components/WorkspaceContainer/index.js

@@ -64,7 +64,7 @@ export default ({
       iconSidebarItems={[]}
       rightSidebarItems={[]}
     >
-      <Box padding={2} style={{ width: "100%" }}>
+      <Box padding={2, 0} style={{ width: "100%" }}>
         {children}
       </Box>
     </Workspace>