From d10e9d70989eb88bb09735aa606e8d77378192e1 Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Tue, 15 Oct 2024 15:31:45 +0200
Subject: [PATCH] Fix api token list on mobile

---
 dashboard/public/views/profile.html | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

diff --git a/dashboard/public/views/profile.html b/dashboard/public/views/profile.html
index 0dd5f4e8f..dbe805272 100644
--- a/dashboard/public/views/profile.html
+++ b/dashboard/public/views/profile.html
@@ -505,10 +505,10 @@
           <table class="table table-hover" style="margin: 0;">
             <thead>
               <tr>
-                <th style="width: 35%">{{ 'profile.apiTokens.name' | tr }}</th>
-                <th style="width: 35%">{{ 'profile.apiTokens.lastUsed' | tr }}</th>
-                <th style="width: 20%">{{ 'profile.apiTokens.scope' | tr }}</th>
-                <th style="width: 10%" class="text-right">{{ 'main.actions' | tr }}</th>
+                <th>{{ 'profile.apiTokens.name' | tr }}</th>
+                <th class="hide-mobile">{{ 'profile.apiTokens.lastUsed' | tr }}</th>
+                <th>{{ 'profile.apiTokens.scope' | tr }}</th>
+                <th class="text-right">{{ 'main.actions' | tr }}</th>
               </tr>
             </thead>
             <tbody>
@@ -516,10 +516,10 @@
                 <td colspan="3" class="text-center">{{ 'profile.apiTokens.noTokensPlaceholder' | tr }}</td>
               </tr>
               <tr ng-repeat="token in tokens.apiTokens">
-                <td class="elide-table-cell" style="text-overflow: ellipsis; white-space: nowrap;">
+                <td>
                   {{ token.name || 'unnamed' }}
                 </td>
-                <td class="elide-table-cell" style="text-overflow: ellipsis; white-space: nowrap;">
+                <td class="hide-mobile">
                   <span ng-show="token.lastUsedTime">{{ token.lastUsedTime | prettyLongDate }}</span>
                   <span ng-show="!token.lastUsedTime">{{ 'profile.apiTokens.neverUsed' | tr }}</span>
                 </td>
@@ -527,7 +527,7 @@
                   <span ng-show="token.scope['*'] === 'rw'">{{ 'profile.apiTokens.readwrite' | tr }}</span>
                   <span ng-hide="token.scope['*'] === 'rw'">{{ 'profile.apiTokens.readonly' | tr }}</span>
                 </td>
-                <td class="text-right no-wrap" style="vertical-align: bottom">
+                <td class="text-right">
                   <button class="btn btn-xs btn-danger" ng-click="tokens.revokeToken(token)" uib-tooltip="{{ 'profile.apiTokens.revokeTokenTooltip' | tr }}"><i class="far fa-trash-alt"></i></button>
                 </td>
               </tr>