Fixing some style problems

src/components/routes/vault/EntryList.tsx

@@ -283,13 +283,11 @@ export default class EntryList extends Component<{ vault: Promise<IVault> }, { n
             <div class="vault-list" style="margin-top: 1rem;">
                {this.state.notes.map(note => {
                   let [first, second] = note.preview.split("\n", 2);
-                  return <div class="" onContextMenu={evt => this.onContext(evt, note)} onClick={() => {
+                  return <div class="card vault-vault" onContextMenu={evt => this.onContext(evt, note)} onClick={() => {
                      open_entry(note._id)
                   }}>
-                     <div class="card vault-vault">
-                        <div>{first}</div>
-                        <div>{second}</div>
-                     </div>
+                     <div>{first}</div>
+                     <div>{second}</div>
                   </div>
                })}
             </div>

src/components/routes/vault/vault.scss

@@ -9,10 +9,16 @@
    grid-auto-rows: auto;
 }
 
+@media screen and (max-width: 50rem) {
+   .vault-list {
+      grid-template-columns: 1fr;
+   }
+}
+
 // TODO Media Query for small screens
 
 .vault-vault {
-   width: 100%;
+   overflow: hidden;
 
    >div {
       width: 100%;