From 560828f4a2254c02c13fcde1ade6e5035ac312a4 Mon Sep 17 00:00:00 2001
From: Fabian <dev@fabianstamm.de>
Date: Tue, 18 Jun 2019 17:32:15 +0200
Subject: [PATCH] Small improvments

---
 src/components/modals/Modal.tsx         |  2 +-
 src/components/modals/modal.scss        | 32 ++++++++++++++++++++++---
 src/components/routes/vaults/Vaults.tsx |  4 ++--
 3 files changed, 32 insertions(+), 6 deletions(-)

diff --git a/src/components/modals/Modal.tsx b/src/components/modals/Modal.tsx
index cd5f2e1..b38c4b5 100644
--- a/src/components/modals/Modal.tsx
+++ b/src/components/modals/Modal.tsx
@@ -65,7 +65,7 @@ export default abstract class Modal<T> {
                this.props.modal.result(null)
             }
          }}>
-            <div id="ModalContent" class="uk-card uk-card-body uk-card-body" >
+            <div id="ModalContent" class="uk-card uk-card-body uk-card-body modal-body" >
                <div class="modal-title uk-card-title" style="">
                   <h3>{this.props.modal.title}</h3>
                   {/* <div> */}
diff --git a/src/components/modals/modal.scss b/src/components/modals/modal.scss
index 7f9dc55..3ea5585 100755
--- a/src/components/modals/modal.scss
+++ b/src/components/modals/modal.scss
@@ -4,8 +4,19 @@
    left: 0;
    width: 100%;
    height: 100%;
-   background: rgba(0, 0, 0, 0.8);
    z-index: 32;
+   animation: darkenBackground .2s linear;
+   background: rgba(0, 0, 0, 0.8)
+}
+
+@keyframes darkenBackground {
+   from {
+      background: rgba(0, 0, 0, 0);
+   }
+
+   to {
+      background: rgba(0, 0, 0, 0.8);
+   }
 }
 
 .modal-container>.uk-card {
@@ -20,9 +31,24 @@
 }
 
 .modal-title {
-   display:flex; 
-   justify-content:space-between;
+   display: flex;
+   justify-content: space-between;
+
    >svg {
       height: 1em;
    }
+}
+
+.modal-body {
+   animation: growModalBox .2s linear;
+}
+
+@keyframes growModalBox {
+   from {
+      transform: scale(0);
+   }
+
+   to {
+      transform: scale(1);
+   }
 }
\ No newline at end of file
diff --git a/src/components/routes/vaults/Vaults.tsx b/src/components/routes/vaults/Vaults.tsx
index d90cedd..bd6dda2 100644
--- a/src/components/routes/vaults/Vaults.tsx
+++ b/src/components/routes/vaults/Vaults.tsx
@@ -142,7 +142,7 @@ export default class VaultsPage extends Page<VaultsProps, { vaults: VaultList, m
             Notes.deleteVault(vault.id).then(() => {
                this.updateVaults();
             }).catch(err => {
-               Notifications.sendError("error deleting vault!")
+               Notifications.sendError("Error deleting vault!")
                console.error(err);
             })
          }
@@ -154,7 +154,7 @@ export default class VaultsPage extends Page<VaultsProps, { vaults: VaultList, m
       if (Notes.getVaultKey(vault.id)) {
          delete_key = <button class="uk-button" onClick={() => {
             Notes.forgetVaultKey(vault.id);
-            Notifications.sendSuccess("Forgot key!")
+            Notifications.sendSuccess("Forgot password!")
          }}>
             forget password
          </button>;