From e43b16a6ee5089457dec806a14e7b867d3a7ca7c Mon Sep 17 00:00:00 2001
From: DianaXWiki <139217939+DianaXWiki@users.noreply.github.com>
Date: Tue, 9 Jul 2024 18:24:17 +0300
Subject: [PATCH] Add responsive styling to performance table

---
 .../src/less2/include/sidebar-layout.less     | 22 +++++++++++++++++++
 www/admin/inner.js                            |  2 ++
 2 files changed, 24 insertions(+)

diff --git a/customize.dist/src/less2/include/sidebar-layout.less b/customize.dist/src/less2/include/sidebar-layout.less
index 5b616e0e8..eeb5da80a 100644
--- a/customize.dist/src/less2/include/sidebar-layout.less
+++ b/customize.dist/src/less2/include/sidebar-layout.less
@@ -194,6 +194,28 @@
                                 background-color: @cp_sidebar-left-item-bg;
                             }
                         }
+
+                    }
+                    .cp-sidebar-table#performance-profiling-table {
+                        @media (max-width: 900px) {
+                            width: 100%;
+
+                            tr {
+                                display: flex;
+                                flex-wrap: wrap;
+                                align-items: center;
+                            }
+
+                            th, td {
+                                border: none;
+                                flex: 1 1 auto;
+                                width: 5rem;
+                                margin-right: 0;
+                                font-size: 13px;
+                                word-wrap: break-word;
+                                white-space: normal;
+                            }
+                        }
                     }
                     .cp-sidebar-input-block {
                         display: inline-flex;
diff --git a/www/admin/inner.js b/www/admin/inner.js
index d513ab0b1..7cb627abf 100644
--- a/www/admin/inner.js
+++ b/www/admin/inner.js
@@ -3596,6 +3596,8 @@ define([
 
             var table = blocks.table(header, []);
 
+            table.id = 'performance-profiling-table';
+
             const onRefresh = function () {
                 sFrameChan.query('Q_ADMIN_RPC', {
                     cmd: 'GET_WORKER_PROFILES',