From 7f81691ee0fe39be0748a652b64a44639ce55def Mon Sep 17 00:00:00 2001
From: ajaythapliyal <ajaythapliyal1703@gmail.com>
Date: Thu, 2 Mar 2023 08:03:38 +0530
Subject: [PATCH 1/4] fixes 3 from Nick's list

---
 frontend/src/Hero.tsx                      |  6 ++--
 frontend/src/conversation/Conversation.tsx | 32 ++++++++++++----------
 frontend/tailwind.config.cjs               |  3 +-
 3 files changed, 23 insertions(+), 18 deletions(-)

diff --git a/frontend/src/Hero.tsx b/frontend/src/Hero.tsx
index ed2db207..63840b96 100644
--- a/frontend/src/Hero.tsx
+++ b/frontend/src/Hero.tsx
@@ -4,15 +4,15 @@ export default function Hero({ className = '' }: { className?: string }) {
       <p className="mb-10 text-center text-4xl font-semibold">
         DocsGPT <span className="text-3xl">🦖</span>
       </p>
-      <p className="mb-3 text-center text-gray-2000">
+      <p className="mb-3 text-center leading-6 text-black-1000">
         Welcome to DocsGPT, your technical documentation assistant!
       </p>
-      <p className="mb-3 text-center text-gray-2000">
+      <p className="mb-3 text-center leading-6 text-black-1000">
         Enter a query related to the information in the documentation you
         selected to receive and we will provide you with the most relevant
         answers.
       </p>
-      <p className="text-center text-gray-2000">
+      <p className="mb-3 text-center leading-6 text-black-1000">
         Start by entering your query in the input field below and we will do the
         rest!
       </p>
diff --git a/frontend/src/conversation/Conversation.tsx b/frontend/src/conversation/Conversation.tsx
index fffe012d..b6230f19 100644
--- a/frontend/src/conversation/Conversation.tsx
+++ b/frontend/src/conversation/Conversation.tsx
@@ -31,20 +31,24 @@ export default function Conversation() {
 
   return (
     <div className="flex justify-center p-6">
-      <div className="mt-20 flex w-10/12 flex-col transition-all md:w-1/2">
-        {messages.map((message, index) => {
-          return (
-            <ConversationBubble
-              ref={index === messages.length - 1 ? endMessageRef : null}
-              className={`${index === messages.length - 1 ? 'mb-24' : 'mb-7'}`}
-              key={index}
-              message={message.text}
-              type={message.type}
-            ></ConversationBubble>
-          );
-        })}
-        {messages.length === 0 && <Hero className="mt-24 md:mt-52"></Hero>}
-      </div>
+      {messages.length && (
+        <div className="mt-20 flex w-10/12 flex-col transition-all md:w-1/2">
+          {messages.map((message, index) => {
+            return (
+              <ConversationBubble
+                ref={index === messages.length - 1 ? endMessageRef : null}
+                className={`${
+                  index === messages.length - 1 ? 'mb-24' : 'mb-7'
+                }`}
+                key={index}
+                message={message.text}
+                type={message.type}
+              ></ConversationBubble>
+            );
+          })}
+        </div>
+      )}
+      {messages.length === 0 && <Hero className="mt-24 md:mt-52"></Hero>}
       <div className="fixed bottom-6 flex w-10/12 flex-col items-end self-center md:w-[50%]">
         <div className="flex w-full">
           <div
diff --git a/frontend/tailwind.config.cjs b/frontend/tailwind.config.cjs
index edc43a8e..703d3c4f 100644
--- a/frontend/tailwind.config.cjs
+++ b/frontend/tailwind.config.cjs
@@ -9,6 +9,7 @@ module.exports = {
       },
       colors: {
         'eerie-black': '#212121',
+        'black-1000': '#343541',
         jet: '#343541',
         'gray-alpha': 'rgba(0,0,0, .1)',
         'gray-1000': '#F6F6F6',
@@ -17,7 +18,7 @@ module.exports = {
         'red-1000': 'rgb(254, 202, 202)',
         'red-2000': '#F44336',
         'red-3000': '#621B16',
-        'blue-1000': '#7D54D1'
+        'blue-1000': '#7D54D1',
       },
     },
   },

From 380429c33b1d5ba15e9d954a9e03673cbefb8627 Mon Sep 17 00:00:00 2001
From: ajaythapliyal <ajaythapliyal1703@gmail.com>
Date: Thu, 2 Mar 2023 08:42:42 +0530
Subject: [PATCH 2/4] 6 from nick's list

---
 frontend/src/About.tsx | 5 ++++-
 frontend/src/Hero.tsx  | 7 ++++---
 2 files changed, 8 insertions(+), 4 deletions(-)

diff --git a/frontend/src/About.tsx b/frontend/src/About.tsx
index 84123b52..93548460 100644
--- a/frontend/src/About.tsx
+++ b/frontend/src/About.tsx
@@ -6,7 +6,10 @@ export default function About() {
     //Parent div for all content shown through App.tsx routing needs to have this styling. Might change when state management is updated.
     <div className="mx-5 grid min-h-screen md:mx-36">
       <article className=" place-items-left mx-auto my-auto flex w-full max-w-6xl flex-col gap-6 rounded-lg bg-gray-100 p-6 text-jet lg:p-10 xl:p-16">
-        <p className="text-3xl">About DocsGPT 🦖</p>
+        <div className="flex items-center">
+          <p className="mr-2 text-3xl">About DocsGPT</p>
+          <p className="text-[21px]">🦖</p>
+        </div>
         <p className="mt-4">
           Find the information in your documentation through AI-powered
           <a
diff --git a/frontend/src/Hero.tsx b/frontend/src/Hero.tsx
index 63840b96..b187e0a7 100644
--- a/frontend/src/Hero.tsx
+++ b/frontend/src/Hero.tsx
@@ -1,9 +1,10 @@
 export default function Hero({ className = '' }: { className?: string }) {
   return (
     <div className={`flex flex-col ${className}`}>
-      <p className="mb-10 text-center text-4xl font-semibold">
-        DocsGPT <span className="text-3xl">🦖</span>
-      </p>
+      <div className="mb-10 flex items-center justify-center">
+        <p className="mr-2 text-4xl font-semibold">DocsGPT</p>
+        <p className="text-[27px]">🦖</p>
+      </div>
       <p className="mb-3 text-center leading-6 text-black-1000">
         Welcome to DocsGPT, your technical documentation assistant!
       </p>

From dae6fa32c73331f4dbca12b082adad171df941b4 Mon Sep 17 00:00:00 2001
From: ajaythapliyal <ajaythapliyal1703@gmail.com>
Date: Thu, 2 Mar 2023 08:58:52 +0530
Subject: [PATCH 3/4] fixes 7 from Nick's list

---
 frontend/src/About.tsx | 3 +--
 1 file changed, 1 insertion(+), 2 deletions(-)

diff --git a/frontend/src/About.tsx b/frontend/src/About.tsx
index 93548460..13d18a25 100644
--- a/frontend/src/About.tsx
+++ b/frontend/src/About.tsx
@@ -3,9 +3,8 @@
 
 export default function About() {
   return (
-    //Parent div for all content shown through App.tsx routing needs to have this styling. Might change when state management is updated.
     <div className="mx-5 grid min-h-screen md:mx-36">
-      <article className=" place-items-left mx-auto my-auto flex w-full max-w-6xl flex-col gap-6 rounded-lg bg-gray-100 p-6 text-jet lg:p-10 xl:p-16">
+      <article className=" place-items-left mx-auto my-auto flex w-full max-w-6xl flex-col gap-6 rounded-lg bg-gray-100 p-6 pt-14 pb-14 text-jet lg:p-10 xl:p-16">
         <div className="flex items-center">
           <p className="mr-2 text-3xl">About DocsGPT</p>
           <p className="text-[21px]">🦖</p>

From 9b668e1b13a824dcb9d9f57549484d5b5718ef15 Mon Sep 17 00:00:00 2001
From: ajaythapliyal <ajaythapliyal1703@gmail.com>
Date: Thu, 2 Mar 2023 09:10:35 +0530
Subject: [PATCH 4/4] typo bug fix

---
 frontend/src/conversation/Conversation.tsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/frontend/src/conversation/Conversation.tsx b/frontend/src/conversation/Conversation.tsx
index b6230f19..f9763665 100644
--- a/frontend/src/conversation/Conversation.tsx
+++ b/frontend/src/conversation/Conversation.tsx
@@ -31,7 +31,7 @@ export default function Conversation() {
 
   return (
     <div className="flex justify-center p-6">
-      {messages.length && (
+      {messages.length > 0 && (
         <div className="mt-20 flex w-10/12 flex-col transition-all md:w-1/2">
           {messages.map((message, index) => {
             return (