From db6be67f267c04d696184e2859811102787339eb Mon Sep 17 00:00:00 2001
From: isaacclad <sense.corporate@gmail.com>
Date: Sat, 27 Jun 2026 15:00:42 +0000
Subject: [PATCH] Align Link buttons with platform btn-primary style.

Use indigo pill CTAs and sidebar accents to match Merchant, Give, and other Ladill apps.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 resources/views/email/account/developers.blade.php | 2 +-
 resources/views/links/create.blade.php             | 2 +-
 resources/views/links/dashboard.blade.php          | 2 +-
 resources/views/links/domains/index.blade.php      | 2 +-
 resources/views/links/index.blade.php              | 2 +-
 resources/views/links/settings/index.blade.php     | 2 +-
 resources/views/links/show.blade.php               | 2 +-
 resources/views/partials/sidebar.blade.php         | 8 ++++----
 8 files changed, 11 insertions(+), 11 deletions(-)

diff --git a/resources/views/email/account/developers.blade.php b/resources/views/email/account/developers.blade.php
index d7fa0cd..54b8770 100644
--- a/resources/views/email/account/developers.blade.php
+++ b/resources/views/email/account/developers.blade.php
@@ -12,7 +12,7 @@
             <div class="mt-3 flex items-center gap-2" x-data="{ copied: false }">
                 <code class="flex-1 truncate rounded-lg bg-white px-3 py-2 font-mono text-xs text-slate-800 ring-1 ring-emerald-200">{{ $newToken }}</code>
                 <button @click="navigator.clipboard.writeText('{{ $newToken }}'); copied = true; setTimeout(() => copied = false, 1500)"
-                        class="rounded-lg bg-emerald-600 px-3 py-2 text-xs font-semibold text-white hover:bg-emerald-700">
+                        class="btn-primary btn-primary-sm">
                     <span x-show="!copied">Copy</span><span x-show="copied" x-cloak>Copied ✓</span>
                 </button>
             </div>
diff --git a/resources/views/links/create.blade.php b/resources/views/links/create.blade.php
index e43147d..99bdc97 100644
--- a/resources/views/links/create.blade.php
+++ b/resources/views/links/create.blade.php
@@ -45,7 +45,7 @@
 
             <div class="flex justify-end gap-3">
                 <a href="{{ route('user.links.index') }}" class="rounded-lg px-4 py-2 text-sm font-medium text-slate-600 hover:bg-slate-50">Cancel</a>
-                <button type="submit" class="rounded-lg bg-emerald-600 px-4 py-2 text-sm font-semibold text-white hover:bg-emerald-700">
+                <button type="submit" class="btn-primary">
                     Create link — GHS {{ number_format($pricePerLink, 2) }}
                 </button>
             </div>
diff --git a/resources/views/links/dashboard.blade.php b/resources/views/links/dashboard.blade.php
index c5a015c..2348c10 100644
--- a/resources/views/links/dashboard.blade.php
+++ b/resources/views/links/dashboard.blade.php
@@ -7,7 +7,7 @@
                 <p class="mt-1 text-sm text-slate-500">Short links on <span class="font-medium text-emerald-700">ladl.link</span> — GHS {{ number_format($pricePerLink, 2) }} per link</p>
             </div>
             <a href="{{ route('user.links.create') }}"
-               class="inline-flex items-center justify-center rounded-lg bg-emerald-600 px-4 py-2 text-sm font-semibold text-white hover:bg-emerald-700">
+               class="btn-primary inline-flex items-center justify-center">
                 Create link
             </a>
         </div>
diff --git a/resources/views/links/domains/index.blade.php b/resources/views/links/domains/index.blade.php
index a1d31fd..4080a85 100644
--- a/resources/views/links/domains/index.blade.php
+++ b/resources/views/links/domains/index.blade.php
@@ -33,7 +33,7 @@
                         Make default domain for new links
                     </label>
                     <p class="text-xs text-slate-500">Add an <strong>A record</strong> for your domain pointing to <code class="rounded bg-slate-100 px-1">{{ $serverIp }}</code>, then click Verify.</p>
-                    <button type="submit" class="rounded-lg bg-emerald-600 px-4 py-2 text-sm font-semibold text-white hover:bg-emerald-700">Add domain</button>
+                    <button type="submit" class="btn-primary">Add domain</button>
                 </form>
             </div>
         @endif
diff --git a/resources/views/links/index.blade.php b/resources/views/links/index.blade.php
index d518282..af438c1 100644
--- a/resources/views/links/index.blade.php
+++ b/resources/views/links/index.blade.php
@@ -7,7 +7,7 @@
                 <p class="mt-1 text-sm text-slate-500">GHS {{ number_format($pricePerLink, 2) }} debited from your wallet per link</p>
             </div>
             <a href="{{ route('user.links.create') }}"
-               class="inline-flex items-center justify-center rounded-lg bg-emerald-600 px-4 py-2 text-sm font-semibold text-white hover:bg-emerald-700">
+               class="btn-primary inline-flex items-center justify-center">
                 Create link
             </a>
         </div>
diff --git a/resources/views/links/settings/index.blade.php b/resources/views/links/settings/index.blade.php
index 5627eb5..d47ec77 100644
--- a/resources/views/links/settings/index.blade.php
+++ b/resources/views/links/settings/index.blade.php
@@ -21,7 +21,7 @@
                         <span class="text-sm text-slate-700"><span class="font-medium">{{ $domain->host }}</span> — custom domain</span>
                     </label>
                 @endforeach
-                <button type="submit" class="rounded-lg bg-emerald-600 px-4 py-2 text-sm font-semibold text-white hover:bg-emerald-700">Save</button>
+                <button type="submit" class="btn-primary">Save</button>
             </form>
             <p class="mt-3 text-xs text-slate-500">
                 <a href="{{ route('link.domains.index') }}" class="font-medium text-emerald-700 hover:underline">Manage custom domains →</a>
diff --git a/resources/views/links/show.blade.php b/resources/views/links/show.blade.php
index 71ddaa0..d21052a 100644
--- a/resources/views/links/show.blade.php
+++ b/resources/views/links/show.blade.php
@@ -70,7 +70,7 @@
                     Link is active
                 </label>
 
-                <button type="submit" class="rounded-lg bg-emerald-600 px-4 py-2 text-sm font-semibold text-white hover:bg-emerald-700">Save changes</button>
+                <button type="submit" class="btn-primary">Save changes</button>
             </form>
         @else
             <div class="rounded-xl border border-slate-200 bg-white p-6">
diff --git a/resources/views/partials/sidebar.blade.php b/resources/views/partials/sidebar.blade.php
index 243453a..01b7614 100644
--- a/resources/views/partials/sidebar.blade.php
+++ b/resources/views/partials/sidebar.blade.php
@@ -18,8 +18,8 @@
     @endphp
     <nav class="flex-1 space-y-0.5 overflow-y-auto px-3 py-4">
         @foreach($main as $item)
-            <a href="{{ $item['route'] }}" class="group flex items-center gap-3 rounded-lg px-3 py-2 text-[13px] transition {{ $item['active'] ? 'bg-emerald-50 text-emerald-700 font-semibold' : 'text-slate-600 hover:bg-slate-50 hover:text-slate-900' }}">
-                <svg class="h-[18px] w-[18px] shrink-0 {{ $item['active'] ? 'text-emerald-600' : 'text-slate-400' }}" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">{!! $item['icon'] !!}</svg>
+            <a href="{{ $item['route'] }}" class="group flex items-center gap-3 rounded-lg px-3 py-2 text-[13px] transition {{ $item['active'] ? 'bg-indigo-50 text-indigo-700 font-semibold' : 'text-slate-600 hover:bg-slate-50 hover:text-slate-900' }}">
+                <svg class="h-[18px] w-[18px] shrink-0 {{ $item['active'] ? 'text-indigo-600' : 'text-slate-400' }}" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">{!! $item['icon'] !!}</svg>
                 <span>{{ $item['name'] }}</span>
             </a>
         @endforeach
@@ -27,8 +27,8 @@
 
     <div class="shrink-0 border-t border-slate-100 px-3 py-3">
         <a href="{{ route('link.settings') }}"
-           class="group flex items-center gap-3 rounded-lg px-3 py-2 text-[13px] transition {{ request()->routeIs('link.settings*') ? 'bg-emerald-50 text-emerald-700 font-semibold' : 'text-slate-600 hover:bg-slate-50 hover:text-slate-900' }}">
-            <svg class="h-[18px] w-[18px] shrink-0 {{ request()->routeIs('link.settings*') ? 'text-emerald-600' : 'text-slate-400' }}" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
+           class="group flex items-center gap-3 rounded-lg px-3 py-2 text-[13px] transition {{ request()->routeIs('link.settings*') ? 'bg-indigo-50 text-indigo-700 font-semibold' : 'text-slate-600 hover:bg-slate-50 hover:text-slate-900' }}">
+            <svg class="h-[18px] w-[18px] shrink-0 {{ request()->routeIs('link.settings*') ? 'text-indigo-600' : 'text-slate-400' }}" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor">
                 <path stroke-linecap="round" stroke-linejoin="round" d="M9.594 3.94c.09-.542.56-.94 1.11-.94h2.593c.55 0 1.02.398 1.11.94l.213 1.281c.063.374.313.686.645.87.074.04.147.083.22.127.325.196.72.257 1.075.124l1.217-.456a1.125 1.125 0 0 1 1.37.49l1.296 2.247a1.125 1.125 0 0 1-.26 1.431l-1.003.827c-.293.241-.438.613-.43.992a7.723 7.723 0 0 1 0 .255c-.008.378.137.75.43.991l1.004.827c.424.35.534.955.26 1.43l-1.298 2.247a1.125 1.125 0 0 1-1.369.491l-1.217-.456c-.355-.133-.75-.072-1.076.124a6.47 6.47 0 0 1-.22.128c-.331.183-.581.495-.644.869l-.213 1.281c-.09.543-.56.94-1.11.94h-2.594c-.55 0-1.019-.398-1.11-.94l-.213-1.281c-.062-.374-.312-.686-.644-.87a6.52 6.52 0 0 1-.22-.127c-.325-.196-.72-.257-1.076-.124l-1.217.456a1.125 1.125 0 0 1-1.369-.49l-1.297-2.247a1.125 1.125 0 0 1 .26-1.431l1.004-.827c.292-.241.437-.613.43-.992a6.932 6.932 0 0 1 0-.255c.007-.378-.138-.75-.43-.991l-1.004-.827a1.125 1.125 0 0 1-.26-1.43l1.297-2.247a1.125 1.125 0 0 1 1.37-.491l1.216.456c.356.133.751.072 1.076-.124.072-.044.146-.086.22-.128.332-.183.582-.495.644-.869l.214-1.281Z" /><path stroke-linecap="round" stroke-linejoin="round" d="M15 12a3 3 0 1 1-6 0 3 3 0 0 1 6 0Z" />
             </svg>
             <span class="flex-1 truncate">Settings</span>