From 449debc0cf2cadc6df34d7974f0a4ccf4aee5000 Mon Sep 17 00:00:00 2001
From: Pramod Mahajan <pramodmahajan1411200@gmail.com>
Date: Tue, 27 May 2025 12:37:02 +0530
Subject: [PATCH] changed font size

---
 src/components/Directory/ManageBucket.jsx | 14 ++++++++------
 1 file changed, 8 insertions(+), 6 deletions(-)

diff --git a/src/components/Directory/ManageBucket.jsx b/src/components/Directory/ManageBucket.jsx
index d3a5d5c3..ae7551e3 100644
--- a/src/components/Directory/ManageBucket.jsx
+++ b/src/components/Directory/ManageBucket.jsx
@@ -89,7 +89,7 @@ const ManageBucket = () =>
   return (
     <div className="container m-0 p-0" style={{ minHeight: "200px" }}>
       <div className="d-flex justify-content-center">
-        <p className="fs-h6 fw-semibold m-0">Manage Buckets</p>
+        <p className="fs-6 fw-semibold m-0">Manage Buckets</p>
       </div>
       <div className="d-flex justify-content-between px-2 px-sm-0 mt-5 mt-sm-1 align-items-center">
         <i
@@ -100,7 +100,7 @@ const ManageBucket = () =>
         ></i>
         <button
           type="button"
-          className={`btn btn-xs btn-primary ms-auto ${
+          className={`btn btn-sm btn-primary ms-auto ${
             action_bucket ? "d-none" : ""
           }`}
           onClick={() => setAction_bucket(true)}
@@ -151,10 +151,11 @@ const ManageBucket = () =>
               <tbody className="table-border-bottom-0 overflow-auto">
                 {bucketList.map((bucket) => (
                   <tr key={bucket.id}>
-                    <td colSpan={2} className="text-start">
-                      {bucket.name}
+                 
+                    <td colSpan={2} className="text-start text-wrap" >
+                    <i className="bx bx-right-arrow-alt me-1"></i> {bucket.name}
                     </td>
-                    <td className="text-start d-none d-sm-table-cell">
+                    <td className="text-start d-none d-sm-table-cell text-wrap" style={{width:"60%"}}>
                       {bucket.description}
                     </td>
                     <td className="justify-content-center">
@@ -191,7 +192,8 @@ const ManageBucket = () =>
             <div className="">
               <label className="form-label">Bucket Discription</label>
               <textarea
-                className="form-control form-control-sm"
+                  className="form-control form-control-sm"
+                rows="3"
                 {...register("description")}
               />
               {errors.description && (