Nicer dashboard

src/components/AtlasPreview/AtlasPreview.js

@@ -16,7 +16,7 @@ class AtlasPreview extends React.Component {
     return (
       <div className={ styles.container }>
         <h2><Link to={ `/atlas/${data.id}` } className={ styles.atlasLink }>{ data.name }</Link></h2>
-        <div>No documents. Why not <Link to={ `/atlas/${data.id}/new` }>create one</Link>?</div>
+        <div className={ styles.description }>No documents. Why not <Link to={ `/atlas/${data.id}/new` }>create one</Link>?</div>
       </div>
     );
   }

src/components/AtlasPreview/AtlasPreview.scss

@@ -1,6 +1,19 @@
 @import '../../utils/constants.scss';
 
+.container {
+  display: flex;
+  flex: 1;
+  flex-direction: column;
+  padding-bottom: 40px;
+  margin-bottom: 20px;
+  border-bottom: 1px solid #eee;
+}
+
 .atlasLink {
   text-decoration: none;
   color: $textColor;
+}
+
+.description {
+  color: #aaa;
 }