[Web] Set min-width and text-align for last login badges

mailcow · Sep 5, 2024 · 29d8cfe · 29d8cfe
1 parent b1368d2
commit 29d8cfe
Showing 1 changed file with 7 additions and 7 deletions.
diff --git a/data/web/js/site/mailbox.js b/data/web/js/site/mailbox.js
@@ -1013,10 +1013,10 @@ jQuery(function($){
           responsivePriority: 7,
           render: function (data, type) {
             res = data.split("/");
-            return '<div class="badge bg-info mb-2">IMAP @ ' + unix_time_format(Number(res[0])) + '</div><br>' +
-              '<div class="badge bg-info mb-2">POP3 @ ' + unix_time_format(Number(res[1])) + '</div><br>' +
-              '<div class="badge bg-info">SMTP @ ' + unix_time_format(Number(res[2])) + '</div><br>' +
-              '<div class="badge bg-info">SSO @ ' + unix_time_format(Number(res[3])) + '</div>';
+            return '<div class="text-start badge bg-info mb-2" style="min-width: 70px;">IMAP @ ' + unix_time_format(Number(res[0])) + '</div><br>' +
+              '<div class="text-start badge bg-info mb-2" style="min-width: 70px;">POP3 @ ' + unix_time_format(Number(res[1])) + '</div><br>' +
+              '<div class="text-start badge bg-info mb-2" style="min-width: 70px;">SMTP @ ' + unix_time_format(Number(res[2])) + '</div><br>' +
+              '<div class="text-start badge bg-info" style="min-width: 70px;">SSO @ ' + unix_time_format(Number(res[3])) + '</div>';
           }
         },
         {
@@ -2355,7 +2355,7 @@ jQuery(function($){
     else
       $(tab).find(".table_collapse_option").hide();
   }
-  
+
   function filterByDomain(json, column, table){
     var tableId = $(table.table().container()).attr('id');
     // Create the `select` element
@@ -2378,12 +2378,12 @@ jQuery(function($){
         }
       });
     });
-    
+
     // get unique domain list
     domains = domains.filter(function(value, index, array) {
       return array.indexOf(value) === index;
     });
-    
+
     // add domains to select
     domains.forEach(function(domain) {
         select.append($('<option>' + domain + '</option>'));