layout adjustments

src/components/EntryListing.js

@@ -68,7 +68,7 @@ export default class EntryListing extends React.Component {
     const name = collection.get('name');
 
     return <div>
-      <h2>Listing {name}</h2>
+      <h1>Listing {name}</h1>
       <div ref={(c) => this._entries = c}>
         {entries.map((entry) => {
           const path = `/collections/${name}/entries/${entry.get('slug')}`;

src/containers/CollectionPage.js

@@ -29,10 +29,7 @@ class DashboardPage extends React.Component {
     }
 
     return <div>
-      <h1>Dashboard</h1>
-      <div>
-        {entries ? <EntryListing collection={collection} entries={entries}/> : 'Loading entries...'}
-      </div>
+      {entries ? <EntryListing collection={collection} entries={entries}/> : 'Loading entries...'}
     </div>;
   }
 }

src/containers/FindBar.css

@@ -10,6 +10,7 @@
   position: relative;
   background-color: var(--backgroundColor);
   padding: 1px 0;
+  margin-bottom: 50px;
 }
 
 .inputArea {

src/index.css

@@ -15,8 +15,3 @@ body {
 :global #root, :global #root > * {
   height: 100%;
 }
-
-h1, h2, h3, h4, h5, h6, p, blockquote, figure, dl, ol, ul {
-  margin: 0;
-  padding: 0;
-}