From ac6c24eff2cc80938465d4d27e8d782fb8474a0c Mon Sep 17 00:00:00 2001
From: Naomi Carrigan <commits@nhcarrigan.com>
Date: Wed, 25 Sep 2024 16:04:46 -0700
Subject: [PATCH] fix: border styling on buttons

---
 src/app/work/page.tsx  | 2 +-
 src/components/job.tsx | 4 +++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/app/work/page.tsx b/src/app/work/page.tsx
index 3fc3e24..cd6ed52 100644
--- a/src/app/work/page.tsx
+++ b/src/app/work/page.tsx
@@ -51,7 +51,7 @@ const Work = (): JSX.Element => {
               </tr>
               <tr>
                 <td>
-                  <p className="h-14 w-14 border-[--current] border-solid border-2"></p>
+                  <p className="h-14 w-14 border-[--current] border-double border-4"></p>
                 </td>
                 <td className="text-[--current]">Current Contract</td>
               </tr>
diff --git a/src/components/job.tsx b/src/components/job.tsx
index 87f9e29..c38f74e 100644
--- a/src/components/job.tsx
+++ b/src/components/job.tsx
@@ -44,6 +44,8 @@ export const Job = (props: JobProps): JSX.Element => {
       : end
         ? "border-[--former]"
         : "border-[--current]";
+    
+  const borderStyle = end ? "border-dashed border-2" : "border-double border-4";
   return (
     <li className={`mb-10 ms-6 ${color}`}>
       <span
@@ -75,7 +77,7 @@ export const Job = (props: JobProps): JSX.Element => {
       )}
       <button
         onClick={toggleDescription}
-        className={`inline-flex items-center px-4 py-2 text-sm font-medium border-double border-4 ${border}`}
+        className={`inline-flex items-center px-4 py-2 text-sm font-medium ${borderStyle} ${border}`}
       >
         {showDescription ? "Hide Details" : "Show Details"}
       </button>