From f5a43786c2b5f958076dae5bd092f0f2eedbc400 Mon Sep 17 00:00:00 2001
From: Johannes Zellner <johannes@cloudron.io>
Date: Tue, 15 Oct 2024 19:24:05 +0200
Subject: [PATCH] Fix mobile view for services

---
 dashboard/public/views/services.html | 22 +++++++++++-----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/dashboard/public/views/services.html b/dashboard/public/views/services.html
index e6b5527dc..4acc497c3 100644
--- a/dashboard/public/views/services.html
+++ b/dashboard/public/views/services.html
@@ -70,19 +70,19 @@
             <table class="table table-hover">
               <thead>
                 <tr>
-                  <th style="width: 5%;"></th>
-                  <th style="width: 20%">{{ 'services.service' | tr }}</th>
-                  <th style="width: 50%">{{ 'services.memoryUsage' | tr }}</th>
-                  <th style="width: 20%" class="text-center no-wrap">{{ 'services.memoryLimit' | tr }}</th>
-                  <th style="width: 5%" class="text-right">{{ 'main.actions' | tr }}</th>
+                  <th style="width: 30px;"></th>
+                  <th>{{ 'services.service' | tr }}</th>
+                  <th class="hide-mobile">{{ 'services.memoryUsage' | tr }}</th>
+                  <th class="text-center hide-mobile">{{ 'services.memoryLimit' | tr }}</th>
+                  <th class="text-right">{{ 'main.actions' | tr }}</th>
                 </tr>
               </thead>
               <tbody>
                 <tr>
                   <td><i class="fa fa-circle status-active" uib-tooltip="active"></i></td>
                   <td class="elide-table-cell">cloudron</td>
-                  <td class="elide-table-cell"></td>
-                  <td class="elide-table-cell text-center"></td>
+                  <td class="elide-table-cell hide-mobile"></td>
+                  <td class="elide-table-cell hide-mobile"></td>
                   <td class="text-right no-wrap" style="vertical-align: bottom">
                     <a class="btn btn-xs btn-default" href="/logs.html?id=box" target="_blank" uib-tooltip="{{ 'logs.title' | tr }}"><i class="fa fa-file-alt"></i></a>
                   </td>
@@ -106,12 +106,12 @@
                   <td class="elide-table-cell">
                     {{ service.displayName }}
                   </td>
-                  <td class="elide-table-cell">
+                  <td class="elide-table-cell hide-mobile">
                     <div class="progress progress-striped" ng-show="service.config.memoryLimit">
                       <div class="progress-bar progress-bar-success" role="progressbar" style="width: {{ service.memoryPercent }}%">{{ service.memoryPercent }}%</div>
                     </div>
                   </td>
-                  <td class="elide-table-cell text-center">
+                  <td class="elide-table-cell text-center hide-mobile">
                     <span ng-show="service.config.memoryLimit">{{ service.config.memoryLimit | prettyBinarySize }}</span>
                   </td>
                   <td class="text-right no-wrap" style="vertical-align: bottom">
@@ -135,12 +135,12 @@
                   <td class="elide-table-cell">
                     {{ service.displayName }}
                   </td>
-                  <td class="elide-table-cell">
+                  <td class="elide-table-cell hide-mobile">
                     <div class="progress progress-striped" ng-show="service.config.memoryLimit">
                       <div class="progress-bar progress-bar-success" role="progressbar" style="width: {{ service.memoryPercent }}%"></div>
                     </div>
                   </td>
-                  <td class="elide-table-cell text-center">
+                  <td class="elide-table-cell text-center hide-mobile">
                     <span ng-show="service.config.memoryLimit">{{ service.config.memoryLimit | prettyBinarySize }}</span>
                   </td>
                   <td class="text-right no-wrap" style="vertical-align: bottom">