Some bare minimum of styling the API key page

projects/tentacles/src/python/tentacles/static/css/style.scss

@@ -307,3 +307,17 @@ form {
   border-radius: 1em;
   padding: 0.5em;
 }
+
+.keys ul li {
+  display: flex;
+  flex-direction: row;
+
+  span {
+    margin-right: 1em;
+  }
+
+  .key-key {
+    max-width: 20em;
+    overflow: clip;
+  }
+}

projects/tentacles/src/python/tentacles/templates/user.html.j2

@@ -1,14 +1,14 @@
 {% extends "base.html.j2" %}
 {% block content %}
 <h1>User settings</h1>
-<div class="">
+<div class="keys">
   <h2>API keys</h2>
   {% with keys = ctx.db.list_keys(ctx.uid) %}
   <ul>
     {% for id, name, exp in keys if name != 'web session' %}
     <li>
-      <span class="key-name">{{ name }}</span>
-      <span class="key-key">{{ id }}</span>
+      <span class="key-name">{{ name or 'anonymous' }}</span>
+      <span class="key-key">{{ id[:10] }}...</span>
       <span class="key-expiration">{{ 'Expires in' if exp else ''}} {{ exp - datetime.now() if exp else 'Never' }}</span>
       <form method="post">
         <input type="hidden" name="action" value="revoke">