Updated styles for warnings

Signed-off-by: fnuesse <felix.nuesse@t-online.de>

1 files changed, 43 insertions, 7 deletions

diff --git a/sass/credentials.scss b/sass/credentials.scss
index ae658a4c..adcccadd 100644
--- a/sass/credentials.scss
+++ b/sass/credentials.scss
@@ -219,13 +219,20 @@
           background-color: #f74040;
         }
         .compromised:hover {
-          background-color: darken(#f74040, 4%);
+          background-color: darken(#f74040, 15%);
         }
         .compromised-list{
-          padding-left: 20px;
-          font-style: italic;
-          font-weight: bold;
+          display: inline-block;
+          margin-left: 50px;
+          .icon{
+            height: 18px;
+          }
+          .text{
+            font-style: italic;
+            font-weight: bold;
+          }
         }
+
         td {
           cursor: pointer;
           padding: 5px;
@@ -360,6 +367,26 @@
       input[type="text"], input[type="password"] {
         width: 100%;
       }
+      .compromised-button{
+        margin-top: 15px;
+        background-color: #e60000;
+        color: black;
+      }
+
+      .compromised-details{
+        margin-top: 15px;
+        display: flex;
+        .icon{
+          float: left;
+          height: 20px;
+        }
+        .text{
+          padding-left: 5px;
+          padding-right: 30px;
+          color: #e9322d;
+        }
+      }
+
       .tags {
         float: left;
         .tag {
@@ -526,9 +553,18 @@
 
       .credential-data {
         .compromised-details{
-          background-color: red;
-          padding-left: 5px;
-          padding-right: 5px;
+          margin-top: 15px;
+          margin-bottom: 15px;
+          display: flex;
+          .icon{
+            float: left;
+            height: 20px;
+          }
+          .text{
+            padding-left: 5px;
+            padding-right: 30px;
+            color: #e9322d;
+          }
         }
         .row {
           margin-bottom: 11px;