From 09f9a53144ba4e907c34ee86cff8ec7b4eb495d2 Mon Sep 17 00:00:00 2001
From: HolgerHatGarKeineNode <fsociety.mkv@pm.me>
Date: Fri, 21 Nov 2025 17:37:26 +0100
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20Improve=20UI=20consistency=20across?=
 =?UTF-8?q?=20components?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 .../views/livewire/cities/index.blade.php     |  4 +-
 .../views/livewire/courses/index.blade.php    | 68 +++++++++++--------
 resources/views/livewire/dashboard.blade.php  |  7 +-
 .../views/livewire/meetups/index.blade.php    | 28 +++++---
 .../views/livewire/venues/index.blade.php     |  4 +-
 5 files changed, 63 insertions(+), 48 deletions(-)

diff --git a/resources/views/livewire/cities/index.blade.php b/resources/views/livewire/cities/index.blade.php
index 767201e..c4401fb 100644
--- a/resources/views/livewire/cities/index.blade.php
+++ b/resources/views/livewire/cities/index.blade.php
@@ -75,13 +75,13 @@ new class extends Component {
                     </flux:table.cell>
                     <flux:table.cell>
                         @if($city->createdBy)
-                            {{ $city->createdBy->name }}
+                            {{ Str::limit($city->createdBy->name, 30) }}
                         @endif
                     </flux:table.cell>
                     <flux:table.cell>
                         <div class="flex gap-2">
                             @auth
-                                <flux:button size="sm" :href="route('cities.edit',['city' => $city, 'country' => $country])" icon="pencil">
+                                <flux:button size="xs" :href="route('cities.edit',['city' => $city, 'country' => $country])" icon="pencil">
                                     {{ __('Edit') }}
                                 </flux:button>
                             @endauth
diff --git a/resources/views/livewire/courses/index.blade.php b/resources/views/livewire/courses/index.blade.php
index dc2ad07..6514030 100644
--- a/resources/views/livewire/courses/index.blade.php
+++ b/resources/views/livewire/courses/index.blade.php
@@ -64,19 +64,23 @@ new class extends Component {
         <flux:table.rows>
             @foreach ($courses as $course)
                 <flux:table.row :key="$course->id">
-                    <flux:table.cell variant="strong" class="flex items-center gap-3">
-                        <flux:avatar :href="route('courses.landingpage', ['course' => $course, 'country' => $country])"
-                                     src="{{ $course->getFirstMedia('logo') ? $course->getFirstMediaUrl('logo', 'thumb') : asset('android-chrome-512x512.png') }}"/>
-                        <div>
-                            <a href="{{ route('courses.landingpage', ['course' => $course, 'country' => $country]) }}">
-                                <span>{{ $course->name }}</span>
-                                @if($course->description)
-                                    <div class="text-xs text-zinc-500">
-                                        {{ Str::limit($course->description, 60) }}
-                                    </div>
-                                @endif
-                            </a>
-                        </div>
+                    <flux:table.cell variant="strong">
+                        <flux:tooltip content="{{ $course->name }}">
+                            <div class="flex items-center gap-3">
+                                <flux:avatar :href="route('courses.landingpage', ['course' => $course, 'country' => $country])"
+                                             src="{{ $course->getFirstMedia('logo') ? $course->getFirstMediaUrl('logo', 'thumb') : asset('android-chrome-512x512.png') }}"/>
+                                <div>
+                                    <a href="{{ route('courses.landingpage', ['course' => $course, 'country' => $country]) }}">
+                                        <span>{{ Str::limit($course->name, 30) }}</span>
+                                        @if($course->description)
+                                            <div class="text-xs text-zinc-500">
+                                                {{ Str::limit($course->description, 60) }}
+                                            </div>
+                                        @endif
+                                    </a>
+                                </div>
+                            </div>
+                        </flux:tooltip>
                     </flux:table.cell>
 
                     <flux:table.cell>
@@ -104,22 +108,28 @@ new class extends Component {
                     </flux:table.cell>
 
                     <flux:table.cell>
-                        <flux:button
-                            :disabled="$course->created_by !== auth()->id()"
-                            :href="$course->created_by === auth()->id() ? route_with_country('courses.edit', ['course' => $course]) : null"
-                            size="xs"
-                            variant="filled"
-                            icon="pencil">
-                            {{ __('Bearbeiten') }}
-                        </flux:button>
-                        <flux:button
-                            :disabled="$course->created_by !== auth()->id()"
-                            :href="$course->created_by === auth()->id() ? route_with_country('courses.events.create', ['course' => $course]) : null"
-                            size="xs"
-                            variant="filled"
-                            icon="calendar">
-                            {{ __('Neues Event erstellen') }}
-                        </flux:button>
+                        <div class="flex flex-col space-y-2">
+                            <div>
+                                <flux:button
+                                    :disabled="$course->created_by !== auth()->id()"
+                                    :href="$course->created_by === auth()->id() ? route_with_country('courses.edit', ['course' => $course]) : null"
+                                    size="xs"
+                                    variant="filled"
+                                    icon="pencil">
+                                    {{ __('Bearbeiten') }}
+                                </flux:button>
+                            </div>
+                            <div>
+                                <flux:button
+                                    :disabled="$course->created_by !== auth()->id()"
+                                    :href="$course->created_by === auth()->id() ? route_with_country('courses.events.create', ['course' => $course]) : null"
+                                    size="xs"
+                                    variant="filled"
+                                    icon="calendar">
+                                    {{ __('Neues Event erstellen') }}
+                                </flux:button>
+                            </div>
+                        </div>
                     </flux:table.cell>
                 </flux:table.row>
             @endforeach
diff --git a/resources/views/livewire/dashboard.blade.php b/resources/views/livewire/dashboard.blade.php
index 2891af9..3d11b38 100644
--- a/resources/views/livewire/dashboard.blade.php
+++ b/resources/views/livewire/dashboard.blade.php
@@ -65,7 +65,7 @@ new class extends Component {
 }; ?>
 
 <div class="flex h-full w-full flex-1 flex-col gap-4 rounded-xl">
-    <div class="grid auto-rows-min gap-4 md:grid-cols-3">
+    <div class="grid auto-rows-min gap-4 grid-cols-1 md:grid-cols-2 2xl:grid-cols-3">
         <div class="relative overflow-hidden rounded-xl border border-neutral-200 dark:border-neutral-700">
             <div class="p-6">
                 <flux:heading size="lg" class="mb-4">{{ __('Meine nächsten Meetup Termine') }}</flux:heading>
@@ -93,7 +93,7 @@ new class extends Component {
                 @endif
             </div>
         </div>
-        <div class="relative overflow-hidden rounded-xl border border-neutral-200 dark:border-neutral-700">
+        <div class="2xl:col-span-2 relative overflow-hidden rounded-xl border border-neutral-200 dark:border-neutral-700">
             <div class="p-6">
                 <flux:heading size="lg" class="mb-4">{{ __('Meine Meetups') }}</flux:heading>
 
@@ -170,7 +170,4 @@ new class extends Component {
             </div>
         </div>
     </div>
-    {{--<div class="relative h-full flex-1 overflow-hidden rounded-xl border border-neutral-200 dark:border-neutral-700">
-        <x-placeholder-pattern class="absolute inset-0 size-full stroke-gray-900/20 dark:stroke-neutral-100/20" />
-    </div>--}}
 </div>
diff --git a/resources/views/livewire/meetups/index.blade.php b/resources/views/livewire/meetups/index.blade.php
index 35bc1c6..8640d43 100644
--- a/resources/views/livewire/meetups/index.blade.php
+++ b/resources/views/livewire/meetups/index.blade.php
@@ -70,7 +70,9 @@ new class extends Component {
             @foreach ($meetups as $meetup)
                 <flux:table.row :key="$meetup->id">
                     <flux:table.cell variant="strong" class="flex items-center gap-3">
-                            <flux:avatar :href="route('meetups.landingpage', ['meetup' => $meetup, 'country' => $country])" src="{{ $meetup->getFirstMedia('logo') ? $meetup->getFirstMediaUrl('logo', 'thumb') : asset('android-chrome-512x512.png') }}"/>
+                            <flux:avatar
+                                class="[:where(&)]:size-24 [:where(&)]:text-base" size="xl"
+                                :href="route('meetups.landingpage', ['meetup' => $meetup, 'country' => $country])" src="{{ $meetup->getFirstMedia('logo') ? $meetup->getFirstMediaUrl('logo', 'thumb') : asset('android-chrome-512x512.png') }}"/>
                         <div>
                             @if($meetup->city)
                                 <a href="{{ route('meetups.landingpage', ['meetup' => $meetup, 'country' => $country]) }}">
@@ -145,15 +147,21 @@ new class extends Component {
                     </flux:table.cell>
 
                     <flux:table.cell>
-                        <flux:button
-                            :disabled="!$meetup->belongsToMe"
-                            :href="$meetup->belongsToMe ? route_with_country('meetups.edit', ['meetup' => $meetup]) : null" size="xs"
-                                     variant="filled" icon="pencil">
-                            {{ __('Bearbeiten') }}
-                        </flux:button>
-                        <flux:button :href="route_with_country('meetups.events.create', ['meetup' => $meetup])" size="xs" variant="filled" icon="calendar">
-                            {{ __('Neues Event erstellen') }}
-                        </flux:button>
+                        <div class="flex flex-col space-y-2">
+                            <div>
+                                <flux:button
+                                    :disabled="!$meetup->belongsToMe"
+                                    :href="$meetup->belongsToMe ? route_with_country('meetups.edit', ['meetup' => $meetup]) : null" size="xs"
+                                    variant="filled" icon="pencil">
+                                    {{ __('Bearbeiten') }}
+                                </flux:button>
+                            </div>
+                            <div>
+                                <flux:button :href="route_with_country('meetups.events.create', ['meetup' => $meetup])" size="xs" variant="filled" icon="calendar">
+                                    {{ __('Neues Event erstellen') }}
+                                </flux:button>
+                            </div>
+                        </div>
                     </flux:table.cell>
                 </flux:table.row>
             @endforeach
diff --git a/resources/views/livewire/venues/index.blade.php b/resources/views/livewire/venues/index.blade.php
index d2d3840..dfea84f 100644
--- a/resources/views/livewire/venues/index.blade.php
+++ b/resources/views/livewire/venues/index.blade.php
@@ -69,13 +69,13 @@ new class extends Component {
                     </flux:table.cell>
                     <flux:table.cell>
                         @if($venue->createdBy)
-                            {{ $venue->createdBy->name }}
+                            {{ Str::limit($venue->createdBy->name, 30) }}
                         @endif
                     </flux:table.cell>
                     <flux:table.cell>
                         <div class="flex gap-2">
                             @auth
-                                <flux:button size="sm" :href="route('venues.edit', ['venue' => $venue, 'country' => $country])" icon="pencil">
+                                <flux:button size="xs" :href="route('venues.edit', ['venue' => $venue, 'country' => $country])" icon="pencil">
                                     {{ __('Edit') }}
                                 </flux:button>
                             @endauth