More consistent shared styling between credential and session cards.

2025-10-04 20:32:27 +00:00
parent 0af7aad28c
commit f24aaa295d
3 changed files with 24 additions and 21 deletions
@@ -30,8 +30,11 @@
              </div>
            </div>
            <div class="item-details">
-              <div class="session-details">Last used: {{ formatDate(session.last_renewed) }}</div>
-              <div class="session-meta-info">{{ session.user_agent }} {{ session.ip }}</div>
+              <div class="session-dates">
+                <span class="date-label">Last used:</span>
+                <span class="date-value">{{ formatDate(session.last_renewed) }}</span>
+                <span class="session-meta-info">{{ session.user_agent }} {{ session.ip }}</span>
+              </div>
            </div>
          </div>
        </template>
@@ -61,4 +64,10 @@ const sessionHostLabel = (session) => {
  if (!session || !session.host) return 'Unbound host'
  return session.host
 }
-</script>
+</script>
+
+<style>
+.session-meta-info {
+  grid-column: span 2;
+}
+</style>