fixes .6 from nicks list

frontend/src/conversation/Conversation.tsx

@@ -44,11 +44,11 @@ export default function Conversation() {
         })}
         {messages.length === 0 && <Hero className="mt-24 md:mt-36"></Hero>}
       </div>
-      <div className="fixed bottom-2 flex w-10/12 md:w-[50%]">
+      <div className="fixed bottom-14 flex w-10/12 md:bottom-12 md:w-[50%]">
         <div
           ref={inputRef}
           contentEditable
-          className={`min-h-5 border-000000 overflow-x-hidden; max-h-24 w-full overflow-y-auto rounded-xl border bg-white p-2 pr-9 opacity-100 focus:border-2 focus:outline-none`}
+          className={`border-000000 overflow-x-hidden; max-h-24 min-h-[2.6rem] w-full overflow-y-auto rounded-xl border bg-white p-2 pr-9 opacity-100 focus:border-2 focus:outline-none`}
         ></div>
         {status === 'loading' ? (
           <img
@@ -68,6 +68,10 @@ export default function Conversation() {
           ></img>
         )}
       </div>
+      <p className="fixed bottom-6 w-10/12 text-center text-xs text-gray-2000">
+        This is a chatbot that uses the GPT-3, Faiss and LangChain to answer
+        questions.
+      </p>
     </div>
   );
 }

frontend/tailwind.config.cjs

@@ -12,8 +12,9 @@ module.exports = {
         jet: '#343541',
         'gray-alpha': 'rgba(0,0,0, .1)',
         'gray-1000': '#F6F6F6',
+        'gray-2000': 'rgba(0, 0, 0, 0.5)',
         'red-1000': 'rgb(254, 202, 202)',
-        'red-2000' : '#F44336',
+        'red-2000': '#F44336',
         'red-3000': '#621B16',
       },
     },