fix: info row above edit page row

ccontrols · Jul 8, 2020 · 53389b4 · 53389b4
1 parent 0528403
commit 53389b4
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/ui/app/src/Container/Container.tsx b/ui/app/src/Container/Container.tsx
@@ -18,9 +18,10 @@ export const Container: FC = ({ children }) => {
 
   return (
     <Box variant="container.container">
-      <BlocksContainer
-        infoRow={<DocumentShortItem reverse={true} doc={doc} config={config} />}
-      >
+      <Box variant="container.inforow">
+        <DocumentShortItem reverse={true} doc={doc} config={config} />
+      </Box>
+      <BlocksContainer>
         {children}
         <Box variant="container.pagination">
           <Pagination />

diff --git a/ui/components/src/ThemeContext/theme.ts b/ui/components/src/ThemeContext/theme.ts
@@ -372,7 +372,7 @@ export const theme: ControlsTheme = {
       alignItems: 'center',
       justifyContent: 'space-between',
     },
-    inforow: { pt: 2 },
+    inforow: { mt: 2 },
     titlerow: {
       my: 4,
     },
@@ -937,6 +937,7 @@ export const theme: ControlsTheme = {
   container: {
     container: {},
     pagination: { py: 4 },
+    inforow: { mb: 2 },
   },
   documentslist: {
     container: {},