From ca112130bd3193948254d345704566412edc942f Mon Sep 17 00:00:00 2001
From: sherifButt <90522472+sherifButt@users.noreply.github.com>
Date: Thu, 21 Mar 2024 06:14:19 +0000
Subject: [PATCH] - enlarged chat Input Buttons - stitched chat input buttons
 container width to 700px from 600px

---
 .../MetaInputs/OptionSelect/index.jsx              | 14 +++++++-------
 .../ChatContainer/MetaInputs/index.jsx             |  2 +-
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/frontend/src/components/WorkspaceChat/ChatContainer/MetaInputs/OptionSelect/index.jsx b/frontend/src/components/WorkspaceChat/ChatContainer/MetaInputs/OptionSelect/index.jsx
index ce60d9a4..71d362ad 100644
--- a/frontend/src/components/WorkspaceChat/ChatContainer/MetaInputs/OptionSelect/index.jsx
+++ b/frontend/src/components/WorkspaceChat/ChatContainer/MetaInputs/OptionSelect/index.jsx
@@ -35,7 +35,7 @@ const OptionSelect = ({ data, settings, submit, message, setMessage }) => {
     return (
       <div className=" mb-2 w-full p-4 backdrop-blur-sm rounded-t-xl overflow-hidden py-4 px-6 border-l border-t border-r border-[#2f3238]">
         <Label label={data?.label} />
-        <div className=" pb-0 mt-2 grid grid-cols-1 md:grid-cols-2 gap-4 text-white/80 text-xs  ">
+        <div className=" pb-0 mt-2 grid grid-cols-1 md:grid-cols-2 gap-4 text-white/70 text-sm  ">
           {data.options.map((option, index) => (
             <button
               key={index}
@@ -51,7 +51,7 @@ const OptionSelect = ({ data, settings, submit, message, setMessage }) => {
                 <span className="text-white/50 mr-1">{index + 1}.</span>{" "}
                 {option.label}
               </p>
-              <span className="absolute invisible group-hover:visible bg-black text-white text-xs rounded-lg p-2 left-0 bottom-full mb-2">
+              <span className="absolute invisible group-hover:visible bg-black text-white text-sm rounded-lg p-2 left-0 bottom-full mb-2">
                 <span className="text-white/50 mr-1">{index + 1}.</span>{" "}
                 {option.label}
               </span>
@@ -65,7 +65,7 @@ const OptionSelect = ({ data, settings, submit, message, setMessage }) => {
   // Normal List with Hyperlinks
   if (settings.displayType === "list") {
     return (
-      <div className=" text-white/70 text-xs w-full backdrop-blur-sm rounded-t-xl overflow-hidden py-4 px-6 border-l border-t border-r border-[#2f3238]">
+      <div className=" text-white/70 text-sm w-full backdrop-blur-sm rounded-t-xl overflow-hidden py-4 px-6 border-l border-t border-r border-[#2f3238]">
         <Label {...data} />
         {data.options.map((option, index) => (
           <a
@@ -94,7 +94,7 @@ const OptionSelect = ({ data, settings, submit, message, setMessage }) => {
     return (
       <div className="w-full p-4 backdrop-blur-sm rounded-t-xl overflow-hidden py-4 px-6 border-l border-t border-r border-[#2f3238]">
         <Label label={data?.label} />
-        <div className="pb-0 mt-2 grid grid-cols-1 md:grid-cols-2 gap-4 text-white/80 text-xs">
+        <div className="pb-0 mt-2 grid grid-cols-1 md:grid-cols-2 gap-4 text-white/80 text-sm">
           {data.options.map((option, index) => (
             <label key={index} className="flex items-center space-x-2">
               <input
@@ -135,7 +135,7 @@ const OptionSelect = ({ data, settings, submit, message, setMessage }) => {
         multiple={settings.allowMultiple}
         required={true}
         disabled={settings.disabled}
-        className="shadow-xl mt-3 bg-sidebar text-white text-xs rounded-xl p-2.5 w-full border border-white/20 focus:ring-blue-500 focus:border-blue-500"
+        className="shadow-xl mt-3 bg-sidebar text-white text-sm rounded-xl p-2.5 w-full border border-white/20 focus:ring-blue-500 focus:border-blue-500"
         onChange={(e) => {
           handleSelection(e.target.value);
           handleSubmit();
@@ -167,13 +167,13 @@ const Label = ({ label, description }) => {
       {label && (
         <label
           htmlFor="chatModel"
-          className="block input-label text-white text-opacity-60 text-xs font-medium py-1.5"
+          className="block input-label text-white text-opacity-60 text-md font-medium py-1.5"
         >
           {label}
         </label>
       )}
       {description && (
-        <p className="text-white text-opacity-60 text-xs font-medium py-1.5">
+        <p className="text-white text-opacity-60 text-sm font-medium py-1.5">
           {description}
         </p>
       )}
diff --git a/frontend/src/components/WorkspaceChat/ChatContainer/MetaInputs/index.jsx b/frontend/src/components/WorkspaceChat/ChatContainer/MetaInputs/index.jsx
index 6f4fe561..c6e95d84 100644
--- a/frontend/src/components/WorkspaceChat/ChatContainer/MetaInputs/index.jsx
+++ b/frontend/src/components/WorkspaceChat/ChatContainer/MetaInputs/index.jsx
@@ -51,7 +51,7 @@ const MetaInputs = ({
 
   return (
     <div className="w-full md:px-4 fixed md:absolute bottom-10 left-0 z-10 md:z-0 flex justify-center items-center">
-      <div className="w-[600px]">
+      <div className="w-[700px]">
         {shouldShowMetaInputs ? (
           <InputComponent
             submit={submit}