register form

resources/views/pages/welcome.blade.php

@@ -2,8 +2,7 @@
 
 @section('content')
     <div class="text-gray-700 dark:text-gray-200">
-
-        <div class="flex gap-7">
+        <div class="flex gap-7 leading-6">
             <x-filament::section>
                 <x-slot name="heading">
                     <x-title>
@@ -12,7 +11,7 @@
                 </x-slot>
                 <svg xmlns="http://www.w3.org/2000/svg" height="32" viewBox="0 0 24 24" fill="none" stroke="currentColor"
                     stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
-                    class="lucide lucide-building-icon lucide-building">
+                    class="lucide lucide-building-icon lucide-building mx-auto">
                     <path d="M12 10h.01" />
                     <path d="M12 14h.01" />
                     <path d="M12 6h.01" />
@@ -25,17 +24,20 @@
                     <path d="M9 22v-3a1 1 0 0 1 1-1h4a1 1 0 0 1 1 1v3" />
                     <rect x="4" y="2" width="16" height="20" rx="2" />
                 </svg>
-                Die Nutzwertberechnung ist ein Gutachten im österreichischen Wohnungseigentumsrecht, das das Verhältnis der
-                einzelnen
-                Eigentumsanteile innerhalb eines Gebäudes bestimmt. <x-filament::link href="/nutzwerte"
-                    icon-position="after" icon="lucide-external-link">
-                    Über die Nutzwertberechnung
-                </x-filament::link>
+                <p class="indent-8">
+                    Die Nutzwertberechnung ist ein Gutachten im österreichischen Wohnungseigentumsrecht, das das Verhältnis
+                    der
+                    einzelnen
+                    Eigentumsanteile innerhalb eines Gebäudes bestimmt. <x-filament::link href="/nutzwerte"
+                        icon-position="after" icon="lucide-external-link">
+                        Über die Nutzwertberechnung
+                    </x-filament::link>
+                </p>
                 <br>
                 <br>
                 <svg xmlns="http://www.w3.org/2000/svg" width="32" viewBox="0 0 24 24" fill="none"
                     stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"
-                    class="lucide lucide-school-icon lucide-school">
+                    class="lucide lucide-school-icon lucide-school mx-auto">
                     <path d="M14 21v-3a2 2 0 0 0-4 0v3" />
                     <path d="M18 5v16" />
                     <path d="m4 6 7.106-3.79a2 2 0 0 1 1.788 0L20 6" />
@@ -44,18 +46,17 @@
                     <path d="M6 5v16" />
                     <circle cx="12" cy="9" r="2" />
                 </svg>
-                Wie Ihnen dieses Programm bei der Nutzwertberechnung zur Hand gehen kann, und Ihnen wertvolle Zeit bei der
-                Berechnung und Formatierung sparen hilft, erfahren sie hier.
-                <br><x-filament::link href="/dieses-programm" icon-position="after" icon="lucide-external-link">
-                    Über dieses Programm
-                </x-filament::link>
-                <br>
-                <br>
-                <br>
-                <br>
-                <br>
+                <p class="indent-8 mb-10">
+                    Wie Ihnen dieses Programm bei der Nutzwertberechnung zur Hand gehen kann, und Ihnen wertvolle Zeit bei
+                    der
+                    Berechnung und Formatierung sparen hilft, erfahren sie hier.
+                    <br><x-filament::link href="/dieses-programm" icon-position="after" icon="lucide-external-link">
+                        Über dieses Programm
+                    </x-filament::link>
+                </p>
                 @include('components.login')
             </x-filament::section>
+
             <img src="images/house.jpg" class="w-82 rounded-2xl border border-gray-300" />
 
         </div>