From da93c9814dd12812159972a0caecc9277c165686 Mon Sep 17 00:00:00 2001
From: isaacclad <sense.corporate@gmail.com>
Date: Sat, 4 Jul 2026 02:37:25 +0000
Subject: [PATCH] Show rotate icon for Restart webinar on mobile.

Replace restart button text with a compact arrow-path icon on small screens while keeping the full label on desktop.

Co-authored-by: Cursor <cursoragent@cursor.com>
---
 resources/views/meet/webinars/show.blade.php | 27 ++++++++++++++++++--
 1 file changed, 25 insertions(+), 2 deletions(-)

diff --git a/resources/views/meet/webinars/show.blade.php b/resources/views/meet/webinars/show.blade.php
index 71321fd..f0dd101 100644
--- a/resources/views/meet/webinars/show.blade.php
+++ b/resources/views/meet/webinars/show.blade.php
@@ -1,4 +1,7 @@
 <x-app-layout title="{{ $room->title }}">
+    @php
+        $webinarRestarting = $room->status === 'ended' || $room->sessions->isNotEmpty();
+    @endphp
     <div class="mx-auto max-w-2xl">
         <div class="flex items-start justify-between gap-4">
             <div>
@@ -9,7 +12,19 @@
             @if ($room->canRestart())
                 <form method="POST" action="{{ route('meet.webinars.start', $room) }}">
                     @csrf
-                    <button type="submit" class="btn-primary">{{ $room->restartLabel() }}</button>
+                    <button type="submit"
+                            class="btn-primary {{ $webinarRestarting ? 'inline-flex max-lg:h-10 max-lg:w-10 max-lg:shrink-0 max-lg:items-center max-lg:justify-center max-lg:rounded-full max-lg:p-0' : '' }}"
+                            title="{{ $room->restartLabel() }}"
+                            aria-label="{{ $room->restartLabel() }}">
+                        @if ($webinarRestarting)
+                            <svg class="h-5 w-5 lg:hidden" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" aria-hidden="true">
+                                <path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99"/>
+                            </svg>
+                            <span class="hidden lg:inline">{{ $room->restartLabel() }}</span>
+                        @else
+                            {{ $room->restartLabel() }}
+                        @endif
+                    </button>
                 </form>
             @endif
         </div>
@@ -41,7 +56,15 @@
                 @if ($room->canRestart() && ($room->status === 'ended' || $room->sessions->isNotEmpty()))
                     <form method="POST" action="{{ route('meet.webinars.start', $room) }}" class="inline">
                         @csrf
-                        <button type="submit" class="btn-secondary btn-secondary-sm">{{ $room->restartLabel() }}</button>
+                        <button type="submit"
+                                class="btn-secondary btn-secondary-sm inline-flex max-lg:h-9 max-lg:w-9 max-lg:items-center max-lg:justify-center max-lg:rounded-full max-lg:p-0"
+                                title="{{ $room->restartLabel() }}"
+                                aria-label="{{ $room->restartLabel() }}">
+                            <svg class="h-4 w-4 lg:hidden" fill="none" stroke="currentColor" stroke-width="1.5" viewBox="0 0 24 24" aria-hidden="true">
+                                <path stroke-linecap="round" stroke-linejoin="round" d="M16.023 9.348h4.992v-.001M2.985 19.644v-4.992m0 0h4.992m-4.993 0 3.181 3.183a8.25 8.25 0 0 0 13.803-3.7M4.031 9.865a8.25 8.25 0 0 1 13.803-3.7l3.181 3.182m0-4.991v4.99"/>
+                            </svg>
+                            <span class="hidden lg:inline">{{ $room->restartLabel() }}</span>
+                        </button>
                     </form>
                 @endif
             </div>