From fadd5dd31908019333516127209642058a8b7381 Mon Sep 17 00:00:00 2001
From: Aleksander Machniak <machniak@kolabsys.com>
Date: Wed, 4 Oct 2017 13:03:10 +0200
Subject: [PATCH] Implemented .pgpkeyimport

---
 skins/elastic/styles/widgets/dialogs.less | 64 ++++++++++++++++++++++-
 skins/elastic/styles/widgets/lists.less   | 16 ++++++
 2 files changed, 79 insertions(+), 1 deletion(-)

diff --git a/skins/elastic/styles/widgets/dialogs.less b/skins/elastic/styles/widgets/dialogs.less
index 56d7d7391..892cf5d26 100644
--- a/skins/elastic/styles/widgets/dialogs.less
+++ b/skins/elastic/styles/widgets/dialogs.less
@@ -132,6 +132,68 @@ html.touch .popover {
     }
 }
 
+/** PGP Key search/import dialog **/
+
 .pgpkeyimport {
-    /* TODO */
+    div.key {
+        position: relative;
+        padding: .5rem 0;
+
+        &.revoked,
+        &.disabled {
+            color: @color-list-secondary;
+        }
+
+        label {
+            display: inline-block;
+            margin-right: 0.5em;
+            margin-bottom: 0;
+
+            &:after {
+                content: ":";
+            }
+
+            &.keyid {
+                display: none;
+            }
+        }
+
+        label + a,
+        label + span {
+            line-height: 2.6rem;
+            margin-right: 1em;
+            white-space: nowrap;
+            text-decoration: none;
+        }
+
+        label.keyid + a {
+            font-weight: bold;
+
+            &:before {
+                &:extend(.font-icon-class);
+                content: @fa-var-key;
+            }
+        }
+    }
+
+    ul.uids {
+        margin: 0;
+        padding: 0;
+    }
+
+    li.uid {
+        border: 0;
+        padding: .25rem 0 0 1.5rem;
+        line-height: 1.5rem !important;
+    }
+
+    button.importkey {
+        position: absolute;
+        top: .5rem;
+        right: 0;
+    }
+
+    button[disabled] {
+        display: none;
+    }
 }
diff --git a/skins/elastic/styles/widgets/lists.less b/skins/elastic/styles/widgets/lists.less
index 24e70c33e..bcb9755b9 100644
--- a/skins/elastic/styles/widgets/lists.less
+++ b/skins/elastic/styles/widgets/lists.less
@@ -57,6 +57,22 @@
         }
     }
 
+    td.name {
+        overflow: hidden;
+        text-overflow: ellipsis;
+    }
+
+    td.action {
+        /* TODO */
+        padding: 0 .5em;
+        width: 2em;
+        text-align: center;
+
+        &:empty {
+            width: 0;
+        }
+    }
+
     li.droptarget > a,
     tr.droptarget > td {
         background-color: @color-list-droptarget-background;