Fixing some style problems

package-lock.json

@@ -67,9 +67,9 @@
          }
       },
       "@hibas123/theme": {
-         "version": "1.0.1",
-         "resolved": "https://registry.npmjs.org/@hibas123/theme/-/theme-1.0.1.tgz",
-         "integrity": "sha512-pa75rf/65qNIhQqX7+u6TkW7zQ6dus7AonPcVMKKpZL5sKwJSw2sXWa4IT/gGcCZZuuwQyhN7g507UzSFP9gTQ==",
+         "version": "1.0.2",
+         "resolved": "https://registry.npmjs.org/@hibas123/theme/-/theme-1.0.2.tgz",
+         "integrity": "sha512-DC7VdWKIgjN/YwYiaKU/lyLzdj62HnCuZeksOsmTA27/0GT9iLBoq4OQvRjRYQx/4GzixaNajVPwQe7YJW7dQA==",
          "requires": {
             "sass": "^1.21.0"
          }

package.json

@@ -14,7 +14,7 @@
    "license": "MIT",
    "dependencies": {
       "@hibas123/secure-file-wrapper": "^2.5.0",
-      "@hibas123/theme": "^1.0.1",
+      "@hibas123/theme": "^1.0.2",
       "@hibas123/utils": "^2.1.0",
       "aes-js": "^3.1.2",
       "feather-icons": "^4.22.1",

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%;