[oauth2] Fix css for admin settings

Signed-off-by: Julius Härtl <jus@bitgrid.net>

apps/oauth2/css/setting-admin.css

@@ -3,3 +3,18 @@
 	opacity: 0.3;
 	cursor: pointer;
 }
+
+#oauth2 .icon-toggle,
+#oauth2 .icon-delete {
+	display: inline-block;
+	width: 16px;
+	height: 16px;
+	padding: 10px;
+	vertical-align: middle;
+}
+
+#oauth2 .grid td code {
+	display: inline-block;
+	vertical-align: middle;
+	padding: 3px;
+}
\ No newline at end of file

apps/oauth2/js-src/components/OAuthItem.vue

@@ -24,8 +24,8 @@
 		<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">SHOW SECRET</a></td>
-		<td class="action-column"><span><a class="icon-delete has-tooltip" :title="t('oauth2', 'Delete')" @click="$emit('delete', id)">DELETE</a></span></td>
+		<td><code>{{renderedSecret}}</code><a class='icon-toggle has-tooltip' :title="t('oauth2', 'Show client secret')" @click="toggleSecret"></a></td>
+		<td class="action-column"><span><a class="icon-delete has-tooltip" :title="t('oauth2', 'Delete')" @click="$emit('delete', id)"></a></span></td>
 	</tr>
 </template>