From 5659e69cd833a2022abb2dc5d906bfaa61bc524f Mon Sep 17 00:00:00 2001
From: Roeland Jago Douma <roeland@famdouma.nl>
Date: Sun, 30 Aug 2020 19:58:55 +0200
Subject: Pimp Oauth2 table

Fixes #12302

Signed-off-by: Roeland Jago Douma <roeland@famdouma.nl>
---
 apps/oauth2/src/components/OAuthItem.vue | 29 ++++++++++++++++++++++++-----
 1 file changed, 24 insertions(+), 5 deletions(-)

(limited to 'apps/oauth2/src/components/OAuthItem.vue')

diff --git a/apps/oauth2/src/components/OAuthItem.vue b/apps/oauth2/src/components/OAuthItem.vue
index 3522a7d17c8..72d04d2aac3 100644
--- a/apps/oauth2/src/components/OAuthItem.vue
+++ b/apps/oauth2/src/components/OAuthItem.vue
@@ -21,10 +21,26 @@
   -->
 <template>
 	<tr>
-		<td>{{ name }}</td>
-		<td>{{ redirectUri }}</td>
-		<td><code>{{ clientId }}</code></td>
-		<td><code>{{ renderedSecret }}</code><a class="icon-toggle has-tooltip" :title="t('oauth2', 'Show client secret')" @click="toggleSecret" /></td>
+		<td>
+			<table class="inline">
+				<tr>
+					<td>{{ t('oauth2', 'Name') }}</td>
+					<td>{{ name }}</td>
+				</tr>
+				<tr>
+					<td>{{ t('oauth2', 'Redirection URI') }}</td>
+					<td>{{ redirectUri }}</td>
+				</tr>
+				<tr>
+					<td>{{ t('oauth2', 'Client Identifier') }}</td>
+					<td><code>{{ clientId }}</code></td>
+				</tr>
+				<tr>
+					<td>{{ t('oauth2', 'Secret') }}</td>
+					<td><code>{{ renderedSecret }}</code><a class="icon-toggle has-tooltip" :title="t('oauth2', 'Show client secret')" @click="toggleSecret" /></td>
+				</tr>
+			</table>
+		</td>
 		<td class="action-column">
 			<span><a class="icon-delete has-tooltip" :title="t('oauth2', 'Delete')" @click="$emit('delete', id)" /></span>
 		</td>
@@ -79,6 +95,9 @@ export default {
 	td code {
 		display: inline-block;
 		vertical-align: middle;
-		padding: 3px;
+	}
+	table.inline td {
+		border: none;
+		padding: 5px;
 	}
 </style>
-- 
cgit v1.2.3

