fix(my-joy-beta): show top border on <Empty /> when not in list

packages/my-joy-beta/src/components/empty.js

@@ -2,6 +2,8 @@ import React from 'react';
 import styled from 'styled-components';
 import { Margin, Padding } from 'styled-components-spacing';
 import Flex from 'styled-flex-component';
+import { isNot } from 'styled-is';
+import remcalc from 'remcalc';
 
 import { H3, Card } from 'joyent-ui-toolkit';
 import { NoPackages } from 'joyent-logo-assets';
@@ -12,12 +14,15 @@ const NoPackagesTitle = styled(H3)`
 `;
 
 const FullWidthCard = styled(Card)`
-  width: calc(100% - 2px);
+  width: calc(100% - ${remcalc(2)});
+
+  ${isNot('borderTop')`
     border-top: none;
+  `};
 `;
 
-export default ({ children }) => (
-  <FullWidthCard>
+export default ({ children, ...rest }) => (
+  <FullWidthCard {...rest}>
     <Padding all={6}>
       <Flex alignCenter justifyCenter column>
         <Margin bottom={2}>

packages/my-joy-beta/src/components/instances/snapshots.js

@@ -184,6 +184,6 @@ export default ({
           : null}
       </TableTbody>
     </Table>
-    {!snapshots.length ? <Empty>You have no Snapshots</Empty> : null}
+    {!snapshots.length ? <Empty borderTop>You have no Snapshots</Empty> : null}
   </Fragment>
 );

packages/my-joy-beta/src/containers/create-instance/firewall.js

@@ -95,7 +95,9 @@ const Firewall = ({
     !defaultRules.length &&
     !tagRules.length ? (
       <Margin top={4}>
-        <Empty>Sorry, but we weren’t able to find any firewall rules.</Empty>
+        <Empty borderTop>
+          Sorry, but we weren’t able to find any firewall rules.
+        </Empty>
       </Margin>
     ) : null}
     {!loading && expanded && enabled && defaultRules.length ? (

packages/my-joy-beta/src/containers/instances/firewall.js

@@ -112,7 +112,9 @@ export const Firewall = ({
     </ReduxForm>
     {!loading && !defaultRules.length && !tagRules.length ? (
       <Margin top={5}>
-        <Empty>Sorry, but we weren’t able to find any firewall rules.</Empty>
+        <Empty borderTop>
+          Sorry, but we weren’t able to find any firewall rules.
+        </Empty>
       </Margin>
     ) : null}
     {!loading && enabled && defaultRules.length ? (

packages/my-joy-beta/src/containers/instances/list.js

@@ -131,7 +131,7 @@ export const List = ({
     !loading && !_instances.length ? (
       <Empty>
         {filter
-          ? 'You have no Images that match your query'
+          ? 'You have no Instances that match your query'
           : `You haven't created any instances yet, but they're really easy to set up.
         Click above to get going.`}
       </Empty>

packages/my-joy-beta/src/containers/instances/user-script.js

@@ -39,7 +39,7 @@ export const UserScript = ({ metadata, loading = false, error = null }) => (
       <Editor defaultValue={metadata.value} readOnly />
     ) : null}
     {!loading && !error && !metadata ? (
-      <Empty>No User Script defined</Empty>
+      <Empty borderTop>No User Script defined</Empty>
     ) : null}
   </ViewContainer>
 );