From 95d70771f2b102e10b0693c318caa71e8afdaf8b Mon Sep 17 00:00:00 2001
From: fnuesse <felix.nuesse@t-online.de>
Date: Sun, 14 Oct 2018 01:05:10 +0200
Subject: [PATCH] Updated Gridview to new design

---
 sass/credentials.scss           | 12 +++++++++---
 templates/views/show_vault.html | 12 +++++++++++-
 2 files changed, 20 insertions(+), 4 deletions(-)

diff --git a/sass/credentials.scss b/sass/credentials.scss
index 2c78ae04..284ec848 100644
--- a/sass/credentials.scss
+++ b/sass/credentials.scss
@@ -277,20 +277,26 @@
           width: 100%;
           cursor: pointer;
           font-size: 1.75em;
-          text-align: center;
+          //text-align: center;
           .label {
             padding-top: 0.5em;
-            padding-left: 1em;
+            //padding-left: 1em;
             padding-right: 1em;
             line-height: 1.3em;
             word-wrap: break-word;
+            float: right;
+          }
+          .icon{
           }
           .tags {
-            margin-bottom: 0.5em;
+            margin: 0 0 auto;
+            text-align: right;
+            //margin-bottom: 0.5em;
             .tag {
               color: #000 !important;
               margin-top: 5px;
               display: inline-block;
+              left:0;
             }
           }
         }
diff --git a/templates/views/show_vault.html b/templates/views/show_vault.html
index 959300ab..4b262b41 100644
--- a/templates/views/show_vault.html
+++ b/templates/views/show_vault.html
@@ -69,7 +69,17 @@
 				ng-click="selectCredential(credential)"
 				use-theme type="'border-color'">
 				<div class="credential_content">
-					<div class="label">{{ ::credential.label}}</div>
+					<div>
+						<span class="icon" ng-if="credential.url">
+							<credential-icon credential="credential"></credential-icon>
+						</span>
+						<span class="icon" ng-if="!credential.url">
+							<i class="fa fa-lock" ng-if="!credential.acl && !credential.shared_key"></i>
+							<i class="fa fa-share-alt" ng-if="credential.acl"></i>
+							<i class="fa fa-share-alt-square" ng-if="credential.shared_key"> </i>
+						</span>
+						<div class="label">{{ ::credential.label}}</div>
+					</div>
 					<div class="tags">
 						<div class="tag" ng-repeat="tag in credential.tags_raw">
 							{{ ::tag.text}}