Fix: Align "Go" button content within DApp cards fixed #38

Improves the alignment of the "Go" button content within DApp cards by adding a right margin. This ensures a visually consistent and appealing layout for better user experience.
usetyche · Oct 28, 2024 · 1953426 · 1953426
1 parent 57faedd
commit 1953426
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/tyche-frontend/src/components/Content/DAppCard.jsx b/tyche-frontend/src/components/Content/DAppCard.jsx
@@ -22,7 +22,7 @@ function DAppCard({ dapp }) {
           <p className="text-[8px]">{dapp.description}</p>
         </div>
         <a href={dappLink} target="_blank" rel="noopener noreferrer">
-          <div className="flex flex-row items-center gap-[8px]">
+          <div className="flex flex-row items-center gap-[8px] mr-2">
             <p className="text-tycheBlue font-bold text-[12px]">Go</p>
             <img src={goLinkIcon} alt="Go Link" className="w-[12px] h-[12px]" />
           </div>