From 5c7a3a515c078e2d5b608fc8132ded1ddac6fefd Mon Sep 17 00:00:00 2001
From: ManishMadan2882 <manishmadan321@gmail.com>
Date: Wed, 12 Mar 2025 22:52:08 +0530
Subject: [PATCH] (fix:general) perfect labels, delete btn

---
 frontend/src/modals/ConfirmationModal.tsx |  2 +-
 frontend/src/settings/General.tsx         | 25 ++++++++++++-----------
 2 files changed, 14 insertions(+), 13 deletions(-)

diff --git a/frontend/src/modals/ConfirmationModal.tsx b/frontend/src/modals/ConfirmationModal.tsx
index a28aa4b8..783282c0 100644
--- a/frontend/src/modals/ConfirmationModal.tsx
+++ b/frontend/src/modals/ConfirmationModal.tsx
@@ -26,7 +26,7 @@ export default function ConfirmationModal({
 
   const submitButtonClasses =
     variant === 'danger'
-      ? 'rounded-3xl bg-rosso-corsa px-5 py-2 text-sm text-lotion transition-all hover:bg-red-2000'
+      ? 'rounded-3xl bg-rosso-corsa px-5 py-2 text-sm text-lotion transition-all hover:bg-red-2000 hover:font-bold tracking-[0.015em] hover:tracking-normal'
       : 'rounded-3xl bg-purple-30 px-5 py-2 text-sm text-lotion transition-all hover:bg-violets-are-blue';
 
   return (
diff --git a/frontend/src/settings/General.tsx b/frontend/src/settings/General.tsx
index 3046ca3c..210f6bbc 100644
--- a/frontend/src/settings/General.tsx
+++ b/frontend/src/settings/General.tsx
@@ -82,11 +82,11 @@ export default function General() {
     changeLanguage(selectedLanguage?.value);
   }, [selectedLanguage, changeLanguage]);
   return (
-    <div className="mt-12 flex flex-col gap-6">
+    <div className="mt-12 flex flex-col gap-4">
       {' '}
-      <div className="flex flex-col gap-6">
+      <div className="flex flex-col gap-4">
         {' '}
-        <label className="font-bold text-jet dark:text-bright-gray">
+        <label className="font-medium text-base text-jet dark:text-bright-gray">
           {t('settings.general.selectTheme')}
         </label>
         <Dropdown
@@ -103,8 +103,8 @@ export default function General() {
           border="border"
         />
       </div>
-      <div className="flex flex-col gap-6">
-        <label className="font-bold text-jet dark:text-bright-gray">
+      <div className="flex flex-col gap-4">
+        <label className="font-medium text-base text-jet dark:text-bright-gray">
           {t('settings.general.selectLanguage')}
         </label>
         <Dropdown
@@ -121,8 +121,8 @@ export default function General() {
           border="border"
         />
       </div>
-      <div className="flex flex-col gap-6">
-        <label className="font-bold text-jet dark:text-bright-gray">
+      <div className="flex flex-col gap-4">
+        <label className="font-medium text-base text-jet dark:text-bright-gray">
           {t('settings.general.chunks')}
         </label>
         <Dropdown
@@ -134,8 +134,8 @@ export default function General() {
           border="border"
         />
       </div>
-      <div className="flex flex-col gap-6">
-        <label className="font-bold text-jet dark:text-bright-gray">
+      <div className="flex flex-col gap-4">
+        <label className="font-medium text-base text-jet dark:text-bright-gray">
           {t('settings.general.convHistory')}
         </label>
         <Dropdown
@@ -159,7 +159,7 @@ export default function General() {
           border="border"
         />
       </div>
-      <div className="flex flex-col gap-6">
+      <div className="flex flex-col gap-4">
         <Prompts
           prompts={prompts}
           selectedPrompt={selectedPrompt}
@@ -169,10 +169,11 @@ export default function General() {
           setPrompts={setPrompts}
         />
       </div>
-      <hr className="border-t border-silver dark:border-silver/40" />
+      <hr className="border-t w-[calc(min(665px,100%))] my-4 border-silver dark:border-silver/40" />
       <div className="flex flex-col gap-2">
         <button
-          className="flex w-56 cursor-pointer items-center justify-between rounded-3xl border border-solid border-rosso-corsa bg-transparent px-5 py-3 text-rosso-corsa transition-colors hover:bg-rosso-corsa hover:text-white dark:hover:text-white"
+          title={t('settings.general.deleteAllLabel')}
+          className="flex font-medium text-sm w-fit cursor-pointer items-center justify-between rounded-3xl border border-solid border-rosso-corsa bg-transparent px-5 py-3 text-rosso-corsa transition-colors hover:bg-rosso-corsa hover:text-white hover:font-bold tracking-[0.015em] hover:tracking-normal"
           onClick={() => dispatch(setModalStateDeleteConv('ACTIVE'))}
         >
           {t('settings.general.deleteAllBtn')}