update move modal (codesandbox#3742)

SaraVieira · web-flow · commit 85b804149e20 · 2020-03-23T12:11:25.000+01:00
* update modal

* remove hack
diff --git a/packages/app/src/app/pages/Sandbox/Editor/Workspace/items/Deployment/Zeit/Deploys/Deploys.tsx b/packages/app/src/app/pages/Sandbox/Editor/Workspace/items/Deployment/Zeit/Deploys/Deploys.tsx
@@ -1,6 +1,5 @@
 import formatDistanceToNow from 'date-fns/formatDistanceToNow';
 import React, { FunctionComponent } from 'react';
-
 import { useOvermind } from 'app/overmind';
 
 import {
@@ -39,7 +38,6 @@ export const Deploys: FunctionComponent = () => {
 
                 <span>{`(${formatDistanceToNow(deploy.created)} ago)`}</span>
               </Name>
-
               <State state={deploy.state}>
                 {deploy.state.toString().toLowerCase()}
               </State>
diff --git a/packages/app/src/app/pages/Sandbox/Editor/Workspace/screens/Deployment/Zeit.tsx b/packages/app/src/app/pages/Sandbox/Editor/Workspace/screens/Deployment/Zeit.tsx
@@ -11,6 +11,7 @@ import {
   List,
 } from '@codesandbox/components';
 import formatDistanceToNow from 'date-fns/formatDistanceToNow';
+
 import { useOvermind } from 'app/overmind';
 import { ZeitIcon, VisitIcon, TrashIcon } from './icons';
 import { State } from './elements';
diff --git a/packages/app/src/app/pages/common/Modals/MoveSandboxFolderModal/index.tsx b/packages/app/src/app/pages/common/Modals/MoveSandboxFolderModal/index.tsx
@@ -55,13 +55,24 @@ export const MoveSandboxFolderModal: FunctionComponent = () => {
   }, [id, loading, modalClosed, path, refetchSandboxInfo, teamId]);
 
   return (
-    <Alert title="Move to Folder">
+    <Alert
+      title="Move to Folder"
+      css={css({
+        paddingRight: 0,
+        paddingLeft: 0,
+        '> span': {
+          paddingLeft: 4,
+          paddingBottom: 4,
+          borderBottom: '1px solid',
+          borderColor: 'sideBar.border',
+        },
+      })}
+    >
       <Element
         css={css({
           maxHeight: 400,
           overflow: 'auto',
         })}
-        marginTop={4}
       >
         <DirectoryPicker
           currentPath={path}
@@ -72,7 +83,18 @@ export const MoveSandboxFolderModal: FunctionComponent = () => {
 
       {error}
 
-      <Stack marginTop={4} align="flex-end" gap={2} justify="flex-end">
+      <Stack
+        marginTop={4}
+        align="flex-end"
+        gap={2}
+        justify="flex-end"
+        css={css({
+          paddingTop: 4,
+          paddingRight: 4,
+          borderTop: '1px solid',
+          borderColor: 'sideBar.border',
+        })}
+      >
         <Button
           css={css({ width: 'auto' })}
           variant="secondary"
