From fa4c751142674885ea9c784f685d3a8428025253 Mon Sep 17 00:00:00 2001
From: MGeurts <5404867+MGeurts@users.noreply.github.com>
Date: Wed, 11 Dec 2024 18:33:07 +0100
Subject: [PATCH] Improved design

---
 resources/views/components/authentication-card.blade.php | 4 ++--
 resources/views/teams/team-member-manager.blade.php      | 5 +++--
 2 files changed, 5 insertions(+), 4 deletions(-)

diff --git a/resources/views/components/authentication-card.blade.php b/resources/views/components/authentication-card.blade.php
index f1334b23b..2c21d9fb6 100644
--- a/resources/views/components/authentication-card.blade.php
+++ b/resources/views/components/authentication-card.blade.php
@@ -10,9 +10,9 @@
             <img src="img/genealogy-research.webp" alt="Genealogy Research" class="object-cover w-full h-full rounded-l">
         </div>
 
-        <div class="w-full md:w-2/3 bg-gray-100 p-8 mx-auto bg-white rounded-r">
+        <div class="w-full md:w-2/3 p-8 mx-auto bg-white rounded-r">
             <h1 class="text-4xl font-bold mb-8">{{ $header }}</h1>
-            
+
             {{ $slot }}
         </div>
     </div>
diff --git a/resources/views/teams/team-member-manager.blade.php b/resources/views/teams/team-member-manager.blade.php
index 9d840a7fc..f4bdbd76f 100644
--- a/resources/views/teams/team-member-manager.blade.php
+++ b/resources/views/teams/team-member-manager.blade.php
@@ -193,8 +193,9 @@ class="relative px-4 py-3 inline-flex w-full rounded focus:z-10 focus:outline-no
         <x-slot name="content">
             <div class="relative z-0 mt-1 border border-gray-200 rounded cursor-pointer dark:border-gray-700">
                 @foreach ($this->roles as $index => $role)
-                    <button type="button"
-                        class="relative px-4 py-3 inline-flex w-full rounded focus:z-10 focus:outline-none focus:border-indigo-500 dark:focus:border-indigo-600 focus:ring-2 focus:ring-indigo-500 dark:focus:ring-indigo-600 {{ $index > 0 ? 'border-t border-gray-200 dark:border-gray-700 focus:border-none rounded-t-none' : '' }} {{ !$loop->last ? 'rounded-b-none' : '' }}"
+                    <button type="button" title="{{ __('team.change_role') }}"
+                        class="relative px-4 py-3 inline-flex w-full rounded focus:z-10 {{ $index > 0 ? 'border-t border-gray-200 dark:border-gray-700 rounded-t-none' : '' }} {{ !$loop->last ? 'rounded-b-none' : '' }}
+                        {{ $currentRole == $role->key ? 'bg-warning-500 dark:bg-warning-200 text-indigo-700 dark:text-indigo-300 border-indigo-500' : 'text-gray-600 dark:text-gray-300' }}"
                         wire:click="$set('currentRole', '{{ $role->key }}')">
                         <div @class(['opacity-75' => $currentRole !== $role->key])>
                             {{-- role name --}}