From bc1bfed3dcb5036ce5bf4ce1b3967ae0a4237482 Mon Sep 17 00:00:00 2001
From: Renee Pinna <renee.pinna@gmail.com>
Date: Mon, 23 Oct 2023 08:55:05 -0600
Subject: [PATCH] Add button styling for org dash

---
 src/Components/OrgRequestCard/OrgRequest.scss   | 15 +++++++++++++++
 src/Components/OrgRequestCard/OrgRequestCard.js |  2 +-
 2 files changed, 16 insertions(+), 1 deletion(-)

diff --git a/src/Components/OrgRequestCard/OrgRequest.scss b/src/Components/OrgRequestCard/OrgRequest.scss
index ad78569..e969a76 100644
--- a/src/Components/OrgRequestCard/OrgRequest.scss
+++ b/src/Components/OrgRequestCard/OrgRequest.scss
@@ -1,3 +1,5 @@
+@import '../../index.scss';
+
 .action-button {
   padding: 0.4rem 0.8rem;
   font-size: 0.9rem;
@@ -7,4 +9,17 @@
   cursor: pointer;
   transition: background-color 0.3s ease;
   margin-top: 1rem;
+  text-transform: capitalize;
+  color: white;
+  background-color: $primaryBlue;
+  
+  &:hover{
+
+    background-color: $secondaryBlue;
+  }
 }
+
+.status {
+  font-weight: 700;
+  font-size: 1.2rem;
+}
\ No newline at end of file
diff --git a/src/Components/OrgRequestCard/OrgRequestCard.js b/src/Components/OrgRequestCard/OrgRequestCard.js
index a9ad54c..d65327b 100644
--- a/src/Components/OrgRequestCard/OrgRequestCard.js
+++ b/src/Components/OrgRequestCard/OrgRequestCard.js
@@ -29,7 +29,7 @@ export default function OrgRequestCard({ request }) {
       <h3 className='card-text type'>{aidType} Aid</h3>
       {language !== 'None' && <p className='card-text'>Language: {language}</p>}
       <p className='card-text description'>{description}</p>
-      <p className='card-text'>Status: {status}</p>
+      <p className='card-text status'>Status: {status}</p>
       <div>{buttons}</div>
     </article>
   );