From f686b031f703ab5d6f31f7e78038e4da50e11f5f Mon Sep 17 00:00:00 2001
From: MohamedBassem <me@mbassem.com>
Date: Wed, 3 Apr 2024 12:52:23 +0100
Subject: fix: Minor fixes to small screens to render admin panel and settings
 in full width

---
 apps/web/app/dashboard/admin/page.tsx | 14 +++++++-------
 1 file changed, 7 insertions(+), 7 deletions(-)

(limited to 'apps/web/app/dashboard/admin/page.tsx')

diff --git a/apps/web/app/dashboard/admin/page.tsx b/apps/web/app/dashboard/admin/page.tsx
index 0db1130f..ac5e17fb 100644
--- a/apps/web/app/dashboard/admin/page.tsx
+++ b/apps/web/app/dashboard/admin/page.tsx
@@ -100,7 +100,7 @@ function ActionsSection() {
     <>
       <p className="text-xl">Actions</p>
       <ActionButton
-        className="w-1/2"
+        className="lg:w-1/2"
         variant="destructive"
         loading={isRecrawlPending}
         onClick={() => recrawlLinks()}
@@ -108,7 +108,7 @@ function ActionsSection() {
         Recrawl All Links
       </ActionButton>
       <ActionButton
-        className="w-1/2"
+        className="lg:w-1/2"
         variant="destructive"
         loading={isReindexPending}
         onClick={() => reindexBookmarks()}
@@ -132,10 +132,10 @@ function ServerStatsSection() {
   return (
     <>
       <p className="text-xl">Server Stats</p>
-      <Table className="w-1/2">
+      <Table className="lg:w-1/2">
         <TableBody>
           <TableRow>
-            <TableCell className="w-2/3">Num Users</TableCell>
+            <TableCell className="lg:w-2/3">Num Users</TableCell>
             <TableCell>{serverStats.numUsers}</TableCell>
           </TableRow>
           <TableRow>
@@ -143,7 +143,7 @@ function ServerStatsSection() {
             <TableCell>{serverStats.numBookmarks}</TableCell>
           </TableRow>
           <TableRow>
-            <TableCell className="w-2/3">Server Version</TableCell>
+            <TableCell className="lg:w-2/3">Server Version</TableCell>
             <TableCell>
               <ReleaseInfo />
             </TableCell>
@@ -152,10 +152,10 @@ function ServerStatsSection() {
       </Table>
       <Separator />
       <p className="text-xl">Background Jobs</p>
-      <Table className="w-1/2">
+      <Table className="lg:w-1/2">
         <TableBody>
           <TableRow>
-            <TableCell className="w-2/3">Pending Crawling Jobs</TableCell>
+            <TableCell className="lg:w-2/3">Pending Crawling Jobs</TableCell>
             <TableCell>{serverStats.pendingCrawls}</TableCell>
           </TableRow>
           <TableRow>
-- 
cgit v1.2.3-70-g09d2

