From bfd25b8a14292c9922cdcf90b0ba694421522fc7 Mon Sep 17 00:00:00 2001
From: Dennis Reimann <mail@dennisreimann.de>
Date: Wed, 8 Jul 2020 19:20:24 +0200
Subject: [PATCH] Improve API keys list view

---
 BTCPayServer/Views/Manage/APIKeys.cshtml | 22 +++++++++++++---------
 1 file changed, 13 insertions(+), 9 deletions(-)

diff --git a/BTCPayServer/Views/Manage/APIKeys.cshtml b/BTCPayServer/Views/Manage/APIKeys.cshtml
index ff8caa7e1..aad4ae50d 100644
--- a/BTCPayServer/Views/Manage/APIKeys.cshtml
+++ b/BTCPayServer/Views/Manage/APIKeys.cshtml
@@ -5,7 +5,7 @@
 }
 
 <partial name="_StatusMessage"/>
-<h4>API Keys</h4>
+
 <table class="table table-lg">
     <thead>
     <tr>
@@ -20,18 +20,23 @@
     {
         <tr>
             <td>@keyData.Label</td>
-            <td>@keyData.Id</td>
+            <td><code>@keyData.Id</code></td>
             <td>
                 @{
                     var permissions = keyData.GetBlob().Permissions;
                 }
                 @if (!permissions.Any())
                 {
-                    <span>No permissions</span>
+                    <span class="text-warning">No permissions</span>
                 }
                 else
                 {
-                    <span>@string.Join(", ", Permission.ToPermissions(permissions).Select(c => c.ToString()).Distinct().ToArray())</span>
+                    <ul>
+                        @foreach (var permission in Permission.ToPermissions(permissions).Select(c => c.ToString()).Distinct().ToArray())
+                        {
+                            <li>@permission</li>
+                        }
+                    </ul>
                 }
             </td>
             <td class="text-right">
@@ -47,10 +52,9 @@
             </td>
         </tr>
     }
-    <tr class="bg-gray">
-        <td colspan="4">
-            <a class="btn btn-primary" asp-action="AddApiKey" id="AddApiKey">Generate new key</a>
-        </td>
-    </tr>
     </tbody>
 </table>
+<a class="btn btn-primary" asp-action="AddApiKey" id="AddApiKey">
+    <span class="fa fa-plus"></span>
+    Generate new key
+</a>