From 14dec9ce96aa288019527f6b5c0ace58f8d06a47 Mon Sep 17 00:00:00 2001
From: Fabian <dev@fabianstamm.de>
Date: Tue, 18 Jun 2019 23:10:58 +0200
Subject: [PATCH] Fixing some style problems

---
 package-lock.json                         | 6 +++---
 package.json                              | 2 +-
 src/components/routes/vault/EntryList.tsx | 8 +++-----
 src/components/routes/vault/vault.scss    | 8 +++++++-
 4 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/package-lock.json b/package-lock.json
index de38b9a..5e02e1a 100755
--- a/package-lock.json
+++ b/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"
          }
diff --git a/package.json b/package.json
index f8d616e..6b0c3ad 100755
--- a/package.json
+++ b/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",
diff --git a/src/components/routes/vault/EntryList.tsx b/src/components/routes/vault/EntryList.tsx
index 522df6f..f716754 100755
--- a/src/components/routes/vault/EntryList.tsx
+++ b/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>
diff --git a/src/components/routes/vault/vault.scss b/src/components/routes/vault/vault.scss
index e1da39d..04f33e0 100755
--- a/src/components/routes/vault/vault.scss
+++ b/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%;