From 911f98b46515a26eb91a2124dd0583bb688ba50c Mon Sep 17 00:00:00 2001
From: Matt Young <matt@mattyoung.us>
Date: Fri, 21 Jun 2024 14:40:56 -0500
Subject: [PATCH] Improve appearance of doubler blocks

---
 .../views/components/doubler-block.blade.php  | 55 +++++++++----------
 .../tabulation/auditionSeating.blade.php      |  2 +-
 2 files changed, 28 insertions(+), 29 deletions(-)

diff --git a/resources/views/components/doubler-block.blade.php b/resources/views/components/doubler-block.blade.php
index 6d0c532..0194106 100644
--- a/resources/views/components/doubler-block.blade.php
+++ b/resources/views/components/doubler-block.blade.php
@@ -1,43 +1,42 @@
 @props(['doublerEntryInfo'])
 @php($doublerButtonClasses = 'hidden rounded-md bg-white px-2.5 py-1.5 text-sm font-semibold text-gray-900 shadow-sm ring-1 ring-inset ring-gray-300 hover:bg-gray-50 sm:block')
-<ul role="list" class="divide-y divide-gray-200">
+<ul role="list" class="">
 
     @foreach($doublerEntryInfo as $info)
-        <li class="flex items-center justify-between gap-x-6 py-5">
-            <div class="min-w-0">
-                <div class="flex items-start gap-x-3">
-                    <p class="text-sm font-semibold leading-6 text-gray-900">
-                        <a href="/tabulation/auditions/{{ $info['auditionID'] }}">
-                            {{ $info['auditionName'] }} - {{ $info['status'] }}
-                        </a>
-                    </p>
+        <li class="pb-2 pt-0 px-0 my-2 rounded-xl border border-gray-200 ">
+            <div class="flex items-start gap-x-3 bg-gray-100 px-3 py-2">
+                <p class="text-sm font-semibold leading-6 text-gray-900">
+                    <a href="/tabulation/auditions/{{ $info['auditionID'] }}">
+                        {{ $info['auditionName'] }} - {{ $info['status'] }}
+                    </a>
+                </p>
+            </div>
 
-                </div>
-                <div class="mt-1 flex items-center gap-x-2 text-xs leading-5 text-gray-500">
-                    <p class="whitespace-nowrap">Ranked {{ $info['rank'] }}</p>
-                    <svg viewBox="0 0 2 2" class="h-0.5 w-0.5 fill-current">
-                        <circle cx="1" cy="1" r="1" />
-                    </svg>
-                    <p class="truncate">{{ $info['unscored'] }} Unscored</p>
-                </div>
-                <div class="mt-1 flex items-center gap-x-2 text-xs leading-5 text-gray-500">
+            <div class="grid grid-cols-2">
+                <div class="mt-1 px-3 text-xs leading-5 text-gray-500">
                     <ul>
+                        <li class="flex items-center gap-x-2">
+                            <p class="whitespace-nowrap">Ranked {{ $info['rank'] }}</p>
+                            <svg viewBox="0 0 2 2" class="h-0.5 w-0.5 fill-current">
+                                <circle cx="1" cy="1" r="1" />
+                            </svg>
+                            <p class="truncate">{{ $info['unscored'] }} Unscored</p>
+                        </li>
                         @foreach($info['limits'] as $limit)
                             <li>{{ $limit->ensemble->name }} accepts {{ $limit->maximum_accepted }}</li>
                         @endforeach
                     </ul>
                 </div>
-            </div>
 
-
-            <div class="flex  items-center gap-x-4">
-                @if ($info['status'] === 'undecided')
-                    <button class="{{ $doublerButtonClasses }}">Accept</button>
-                    <form method="POST" action="{{ route('doubler.decline',['entry'=>$info['entryID']]) }}">
-                        @csrf
-                        <button class="{{ $doublerButtonClasses }}">Decline</button>
-                    </form>
-                @endif
+                 <div class="flex items-center gap-x-4">
+                    @if ($info['status'] === 'undecided')
+                        <button class="{{ $doublerButtonClasses }}">Accept</button>
+                        <form method="POST" action="{{ route('doubler.decline',['entry'=>$info['entryID']]) }}">
+                            @csrf
+                            <button class="{{ $doublerButtonClasses }}">Decline</button>
+                        </form>
+                    @endif
+                </div>
             </div>
         </li>
     @endforeach
diff --git a/resources/views/tabulation/auditionSeating.blade.php b/resources/views/tabulation/auditionSeating.blade.php
index 05da5f5..df5ec2b 100644
--- a/resources/views/tabulation/auditionSeating.blade.php
+++ b/resources/views/tabulation/auditionSeating.blade.php
@@ -29,7 +29,7 @@
                             <span>{{ $entry->student->full_name() }}, </span>
                             <span class="text-xs text-gray-400">{{ $entry->student->school->name }}</span>
                         </x-table.td>
-                        <x-table.td>
+                        <x-table.td class="!py-0">
                             @if($doublerService->studentIsDoubler($entry->student_id))
                                 <x-doubler-block :doublerEntryInfo="$doublerService->getDoublerInfo($entry->student_id)" />
                             @endif