From e4306a30a57c2a13277bcf4feb5b9b32efe62ed6 Mon Sep 17 00:00:00 2001
From: Zakarya <zakaryacarroll.contact@gmail.com>
Date: Wed, 24 Jul 2024 14:35:43 -0700
Subject: [PATCH] Linktree elements will have the full pill shape clickable

---
 css/style.css | 17 ++++++++++++-----
 1 file changed, 12 insertions(+), 5 deletions(-)

diff --git a/css/style.css b/css/style.css
index ec3efe4..10a33aa 100644
--- a/css/style.css
+++ b/css/style.css
@@ -104,14 +104,12 @@ ul.linktree {
 
 ul.linktree li {
     margin: 12px;
-    background-color: #4c5053;
-    padding: 8px 16px;
-    border-radius: 50px;
+
     text-align: center;
-    transition-duration: 0.5s;
+
 }
 
-ul.linktree li:hover {
+ul.linktree li a:hover {
     cursor: pointer;
     background-color: #383c3f
 }
@@ -119,6 +117,15 @@ ul.linktree li:hover {
 ul.linktree li a {
     text-decoration: none;
     color: white;
+
+    background-color: #4c5053;
+    padding: 8px;
+    border-radius: 50px;
+    transition-duration: 0.5s;
+
+    display: inline-block;
+    width: 100%;
+    box-sizing: border-box;
 }
 
 div.footer {