switch order

frontend/src/metabase/components/CollectionLanding.jsx

@@ -165,19 +165,8 @@ class DefaultLanding extends React.Component {
       collectionId === "root" || collections.length > 0;
 
     return (
-      <Flex>
-        {showCollectionList && (
-          <Box w={1 / 3} mr={3}>
-            <Box>
-              <h4>{t`Collections`}</h4>
-            </Box>
-            <CollectionList
-              collections={collections}
-              isRoot={collectionId === "root"}
-            />
-          </Box>
-        )}
-        <Box w={2 / 3}>
+      <Box>
+        <Box>
           <Box>
             {pinned.length === 0 && unpinned.length === 0 ? (
               <CollectionEmptyState />
@@ -245,6 +234,17 @@ class DefaultLanding extends React.Component {
                     )}
                   </PinDropTarget>
                 )}
+                {showCollectionList && (
+                  <Box>
+                    <Box>
+                      <h4>{t`Collections`}</h4>
+                    </Box>
+                    <CollectionList
+                      collections={collections}
+                      isRoot={collectionId === "root"}
+                    />
+                  </Box>
+                )}
                 <Flex align="center" mb={2}>
                   {pinned.length > 0 && (
                     <Box>
@@ -358,7 +358,7 @@ class DefaultLanding extends React.Component {
             </Modal>
           )}
         <ItemsDragLayer selected={selected} />
-      </Flex>
+      </Box>
     );
   }
 }