From d203fe7e57b1f68ba9c94e5555ba67ca6dcbb278 Mon Sep 17 00:00:00 2001
From: Frank Johnson <frankjohnson1993@gmail.com>
Date: Sun, 5 Sep 2021 21:23:09 -0400
Subject: [PATCH] style tweaks to description area within the Project details
 view.

---
 .../src/components/ProjectProfile/ProjectProfile.tsx |  4 ++--
 app/web/src/index.css                                | 12 ++++++------
 2 files changed, 8 insertions(+), 8 deletions(-)

diff --git a/app/web/src/components/ProjectProfile/ProjectProfile.tsx b/app/web/src/components/ProjectProfile/ProjectProfile.tsx
index aada5b8..4ffac27 100644
--- a/app/web/src/components/ProjectProfile/ProjectProfile.tsx
+++ b/app/web/src/components/ProjectProfile/ProjectProfile.tsx
@@ -41,7 +41,7 @@ const KeyValue = ({
         {canEdit &&
           (isEditable ? (
             <button
-              className="ml-4 grid grid-flow-col-dense p-px px-2 gap-2 bg-ch-purple-400 bg-opacity-30 hover:bg-opacity-80 rounded-sm border border-ch-purple-400"
+              className="font-fira-sans items-center ml-4 grid grid-flow-col-dense p-px px-2 gap-2 bg-ch-purple-400 bg-opacity-30 hover:bg-opacity-80 rounded-sm border border-ch-purple-400"
               id="rename-button"
               onClick={onEdit}
             >
@@ -170,7 +170,7 @@ const ProjectProfile = ({
                     id="description-wrap"
                     name="description"
                     className={
-                      'markdown-overrides rounded shadow-md bg-white pl-6 pb-2 mt-2' +
+                      'markdown-overrides rounded-sm pb-2 mt-2' +
                       (isEditable ? ' min-h-md' : '')
                     }
                     onClick={(e) =>
diff --git a/app/web/src/index.css b/app/web/src/index.css
index 66e6794..db4a18c 100644
--- a/app/web/src/index.css
+++ b/app/web/src/index.css
@@ -17,23 +17,23 @@
   @apply text-lg font-bold;
 }
 .markdown-overrides {
-  @apply bg-gray-200 border border-gray-300;
+  @apply bg-transparent;
 }
 .markdown-overrides div {
-  @apply bg-gray-200 text-indigo-800;
+  @apply text-ch-gray-300 bg-transparent;
 }
 .markdown-overrides div a {
-  @apply bg-gray-200 text-indigo-500;
+  @apply text-ch-pink-500 underline bg-transparent;
 }
 
 .markdown-overrides div h3 {
-  @apply text-xl text-indigo-800;
+  @apply text-xl;
 }
 .markdown-overrides div h2 {
-  @apply text-2xl text-indigo-800;
+  @apply text-2xl;
 }
 .markdown-overrides div h1 {
-  @apply text-3xl text-indigo-800;
+  @apply text-3xl;
 }
 .markdown-overrides ol {
   @apply list-decimal;