From e0dfed4fbe1c661de16e7be2d325964c30827e1f Mon Sep 17 00:00:00 2001
From: TolaMironcenko <mironcenkotola@gmail.com>
Date: Tue, 28 May 2024 10:06:58 +0700
Subject: [PATCH] table

---
 src/web/css/userstable.css  | 11 +++++++++--
 src/web/js/get_all_users.js |  4 ++--
 2 files changed, 11 insertions(+), 4 deletions(-)

diff --git a/src/web/css/userstable.css b/src/web/css/userstable.css
index dfef100..90f5dba 100644
--- a/src/web/css/userstable.css
+++ b/src/web/css/userstable.css
@@ -28,8 +28,15 @@ th {
     border-radius: 10px;
     padding: 10px;
     width: 14%;
-    text-overflow: auto;
-    overflow-x: auto;
+    text-overflow: elipsis;
+    overflow: hidden;
+    white-space: nowrap;
+}
+
+th>p {
+    width: 14vw;
+    height: 100%;
+    overflow: auto;
 }
 
 .thbutton {
diff --git a/src/web/js/get_all_users.js b/src/web/js/get_all_users.js
index c09f419..f3a2002 100644
--- a/src/web/js/get_all_users.js
+++ b/src/web/js/get_all_users.js
@@ -10,7 +10,7 @@ const get_all_users = async () => {
     for (const user of response) {
         alluserstablebody.innerHTML += `
             <tr>
-                <th>${user.id}</th>
+                <th><p>${user.id}</p></th>
                 <th>${user.username}</th>
                 <th>${user.group}</th>
                 <th>${user.is_superuser}</th>
@@ -20,4 +20,4 @@ const get_all_users = async () => {
             </tr>    
         `
     }
-}
\ No newline at end of file
+}