From 27c29ff35bb14fc44f7d54d2cc1f8204d72d1676 Mon Sep 17 00:00:00 2001
From: 1AhmedYasser <26207361+1AhmedYasser@users.noreply.github.com>
Date: Sun, 24 May 2026 18:20:07 +0300
Subject: [PATCH] fix(1023): Fixed api registry table overflow on smaller
 screens

---
 .../ApiRegistryPage/ApiRegistryTable.tsx      | 22 +++++++++----------
 1 file changed, 11 insertions(+), 11 deletions(-)

diff --git a/GUI/src/pages/ApiRegistryPage/ApiRegistryTable.tsx b/GUI/src/pages/ApiRegistryPage/ApiRegistryTable.tsx
index 32d457f6..4974527b 100644
--- a/GUI/src/pages/ApiRegistryPage/ApiRegistryTable.tsx
+++ b/GUI/src/pages/ApiRegistryPage/ApiRegistryTable.tsx
@@ -218,7 +218,7 @@ const ApiRegistryTable: React.FC<ApiRegistryTableProps> = ({
             <tr>
               <th
                 onClick={() => handleSort('name')}
-                style={{ cursor: 'pointer', userSelect: 'none', whiteSpace: 'nowrap', width: '30%' }}
+                style={{ cursor: 'pointer', userSelect: 'none', whiteSpace: 'nowrap', width: '20%' }}
               >
                 <SortIcon colId="name" currentSortId={currentSortId} currentDesc={currentDesc} />{' '}
                 {String(t('apiRegistry.columns.name'))}
@@ -230,7 +230,7 @@ const ApiRegistryTable: React.FC<ApiRegistryTableProps> = ({
                   userSelect: 'none',
                   whiteSpace: 'nowrap',
                   textAlign: 'center',
-                  width: '160px',
+                  width: '200px',
                 }}
               >
                 <SortIcon colId="lastTest" currentSortId={currentSortId} currentDesc={currentDesc} />{' '}
@@ -259,7 +259,7 @@ const ApiRegistryTable: React.FC<ApiRegistryTableProps> = ({
               <th style={{ width: '120px', whiteSpace: 'nowrap', textAlign: 'center' }}>
                 {t('apiRegistry.columns.llmIndexStatus') ?? 'LLM Index Status'}
               </th>
-              <th style={{ width: '320px' }}></th>
+              <th></th>
             </tr>
           </thead>
           <tbody>
@@ -355,6 +355,14 @@ const ApiRegistryTable: React.FC<ApiRegistryTableProps> = ({
                           {isTesting ? t('global.loading') : t('apiRegistry.actions.test')}
                         </Track>
                       </Button>
+                      <Button appearance="text" size="s" onClick={() => onReIndex?.(endpoint)}>
+                        <Track gap={4} align="center">
+                          <span style={{ color: '#000' }}>
+                            <MdRefresh />
+                          </span>
+                          {t('apiRegistry.actions.reIndex') ?? 'Re-Index'}
+                        </Track>
+                      </Button>
                       <Button appearance="text" size="s" onClick={() => onEdit(endpoint)}>
                         <Track gap={4} align="center">
                           <span style={{ color: '#000' }}>
@@ -371,14 +379,6 @@ const ApiRegistryTable: React.FC<ApiRegistryTableProps> = ({
                           {t('apiRegistry.actions.delete')}
                         </Track>
                       </Button>
-                      <Button appearance="text" size="s" onClick={() => onReIndex?.(endpoint)}>
-                        <Track gap={4} align="center">
-                          <span style={{ color: '#000' }}>
-                            <MdRefresh />
-                          </span>
-                          {t('apiRegistry.actions.reIndex') ?? 'Re-Index'}
-                        </Track>
-                      </Button>
                     </Track>
                   </td>
                 </tr>