From 68fd4d706ab146b5062db7f44477ce11e586673d Mon Sep 17 00:00:00 2001
From: dev
Date: Sat, 27 Jun 2026 15:08:10 +0200
Subject: style: use pink outline (btn-outline-pink) for topic buttons on
 /topics and /popular/topics

---
 resources/views/layouts/app.blade.php  | 10 ++++++++++
 resources/views/topicindex.blade.php   |  2 +-
 resources/views/topicpopular.blade.php |  2 +-
 3 files changed, 12 insertions(+), 2 deletions(-)

(limited to 'resources/views')

diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index 0f2851d..975821b 100644
--- a/resources/views/layouts/app.blade.php
+++ b/resources/views/layouts/app.blade.php
@@ -122,6 +122,16 @@
         background-color: var(--cinema-cyan);
         border-color: var(--cinema-cyan);
     }
+    .btn-outline-pink {
+        color: var(--cinema-pink);
+        border-color: var(--cinema-pink);
+    }
+    .btn-outline-pink:hover, .btn-outline-pink:focus {
+        color: #fff;
+        background-color: var(--cinema-pink);
+        border-color: var(--cinema-pink);
+        box-shadow: 0 0 15px rgba(255, 46, 99, 0.3);
+    }
     .btn-primary {
         background-color: var(--cinema-pink);
         color: #fff;
diff --git a/resources/views/topicindex.blade.php b/resources/views/topicindex.blade.php
index 274d0fc..d5cf223 100644
--- a/resources/views/topicindex.blade.php
+++ b/resources/views/topicindex.blade.php
@@ -38,7 +38,7 @@ html {
 			@php ($curLetter = $firstLetter)
 
 		@endif
-		<a href="{{ route('topic', $topic->name) }}" class="btn btn-lg btn-primary">{{ ucwords($topic->name) }}</a>
+		<a href="{{ route('topic', $topic->name) }}" class="btn btn-lg btn-outline-pink">{{ ucwords($topic->name) }}</a>
 	@endif
 @endforeach
 
diff --git a/resources/views/topicpopular.blade.php b/resources/views/topicpopular.blade.php
index 59ade5b..b8f0224 100644
--- a/resources/views/topicpopular.blade.php
+++ b/resources/views/topicpopular.blade.php
@@ -34,7 +34,7 @@ html {
 		<div class="card-body">
 	@foreach ($topics as $topic)
 		@if ( "" != $topic->name )
-			<a href="{{ route('topic', $topic->name) }}" class="btn btn-lg btn-primary mx-1 my-1">{{ ucwords($topic->name) }} ({{ $topic->count }} Articles)</a>
+			<a href="{{ route('topic', $topic->name) }}" class="btn btn-lg btn-outline-pink mx-1 my-1">{{ ucwords($topic->name) }} ({{ $topic->count }} Articles)</a>
 		@endif
 	@endforeach
 		</div>
-- 
cgit v1.2.3