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 +++++++-------
 apps/web/components/dashboard/settings/ChangePassword.tsx |  2 +-
 2 files changed, 8 insertions(+), 8 deletions(-)

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>
diff --git a/apps/web/components/dashboard/settings/ChangePassword.tsx b/apps/web/components/dashboard/settings/ChangePassword.tsx
index a2ca0870..5d9324e6 100644
--- a/apps/web/components/dashboard/settings/ChangePassword.tsx
+++ b/apps/web/components/dashboard/settings/ChangePassword.tsx
@@ -60,7 +60,7 @@ export function ChangePassword() {
       <Form {...form}>
         <form
           onSubmit={form.handleSubmit(onSubmit)}
-          className="flex w-1/2 flex-col gap-2 pt-4"
+          className="flex flex-col gap-2 pt-4 lg:w-1/2"
         >
           <FormField
             control={form.control}
-- 
cgit v1.2.3-70-g09d2