From b13057e8acb58c1e57069e2963689c928b7e941b Mon Sep 17 00:00:00 2001
From: Benjamin Takats <mail@benjamintakats.de>
Date: Tue, 13 Dec 2022 21:03:08 +0100
Subject: [PATCH] maps flex

---
 .../views/livewire/frontend/header.blade.php  | 11 ----------
 .../livewire/meetup/meetup-table.blade.php    | 20 ++++++++++++++-----
 2 files changed, 15 insertions(+), 16 deletions(-)

diff --git a/resources/views/livewire/frontend/header.blade.php b/resources/views/livewire/frontend/header.blade.php
index 7c44b611..fc4453be 100644
--- a/resources/views/livewire/frontend/header.blade.php
+++ b/resources/views/livewire/frontend/header.blade.php
@@ -137,17 +137,6 @@
                     </div>
                 @endif
 
-                @if(str(request()->route()->getName())->contains('meetup.'))
-                    <div>
-                        <h1 class="mb-6 text-5xl font-extrabold leading-none max-w-5xl mx-auto tracking-normal text-gray-200 sm:text-6xl md:text-6xl lg:text-7xl md:tracking-tight">
-                            Bitcoiner <span
-                                class="w-full text-transparent bg-clip-text bg-gradient-to-r from-amber-400 via-amber-500 to-amber-200 lg:inline">Meetups</span><br class="lg:block hidden">
-                            Plebs together strong 💪
-                        </h1>
-                        <p class="px-0 mb-6 text-lg text-gray-600 md:text-xl lg:px-24"> Finde Bitcoiner in deiner Stadt und lerne sie auf einem der Meetups kennen. </p>
-                    </div>
-                @endif
-
             </div>
         </div>
     </section>
diff --git a/resources/views/livewire/meetup/meetup-table.blade.php b/resources/views/livewire/meetup/meetup-table.blade.php
index 2ee3cafa..379f6713 100644
--- a/resources/views/livewire/meetup/meetup-table.blade.php
+++ b/resources/views/livewire/meetup/meetup-table.blade.php
@@ -3,9 +3,18 @@
     <livewire:frontend.header :country="$country"/>
     {{-- MAIN --}}
     <section class="w-full mb-12">
-        <div
-            class="w-full flex justify-center"
-            x-data="{
+        <div class="max-w-screen-2xl mx-auto px-2 sm:px-10 space-y-4 flex flex-col sm:flex-row">
+            <h1 class="mb-6 text-5xl font-extrabold leading-none tracking-normal text-gray-200 sm:text-6xl md:text-6xl lg:text-7xl md:tracking-tight">
+                Bitcoiner <span
+                    class="w-full text-transparent bg-clip-text bg-gradient-to-r from-amber-400 via-amber-500 to-amber-200 lg:inline">Meetups</span><br
+                    class="lg:block hidden">
+                Plebs together strong 💪
+            </h1>
+            <p class="px-0 mb-6 text-lg text-gray-600 md:text-xl lg:px-24"> Finde Bitcoiner in deiner Stadt und lerne
+                sie auf einem der Meetups kennen. </p>
+            <div
+                class="w-full flex justify-center"
+                x-data="{
                     init() {
                         let markers = {{ Js::from($markers) }};
                         console.log(markers);
@@ -33,8 +42,9 @@
                         });
                     }
                 }"
-        >
-            <div id="map" style="width: 600px; height: 400px"></div>
+            >
+                <div id="map" style="width: 100%; height: 400px"></div>
+            </div>
         </div>
         <div class="max-w-screen-2xl mx-auto px-2 sm:px-10 space-y-4" id="table">
             <livewire:tables.meetup-table :country="$country->code"/>