From 5f456e890188640681ec46e868a9a38218d8df9c Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Samuel=20=C5=A0tancl?= <samuel.stancl@gmail.com>
Date: Wed, 7 Apr 2021 20:38:09 +0200
Subject: [PATCH] UX

---
 resources/views/components/feed.blade.php | 2 +-
 resources/views/tips/show.blade.php       | 4 ++++
 2 files changed, 5 insertions(+), 1 deletion(-)

diff --git a/resources/views/components/feed.blade.php b/resources/views/components/feed.blade.php
index cf921a2..2c39c34 100644
--- a/resources/views/components/feed.blade.php
+++ b/resources/views/components/feed.blade.php
@@ -34,7 +34,7 @@
                     @endif
 
                     @if ($tip->content)
-                        <div class="prose break-all md:prose-xl">
+                        <div class="prose break-all sm:beak-words md:prose-xl">
                             {!! Str::of($tip->content)->markdown() !!}
                         </div>
                     @endif
diff --git a/resources/views/tips/show.blade.php b/resources/views/tips/show.blade.php
index 158fbfd..3a5a5ef 100644
--- a/resources/views/tips/show.blade.php
+++ b/resources/views/tips/show.blade.php
@@ -7,6 +7,8 @@
             <a
                 class="rounded-full shadow-md pointer-events-auto"
                 href="{{ route('tip.show', $link, false) }}"
+                x-data
+                @keydown.arrow-left.window="$el.click()"
             >
                 <div class="flex items-center justify-center w-16 h-16 bg-white rounded-full shadow-2xl">
                     <svg xmlns="http://www.w3.org/2000/svg" class="w-8 h-8 text-orange-500" fill="none" viewBox="0 0 24 24"
@@ -26,6 +28,8 @@
             <a
                 class="rounded-full shadow-md pointer-events-auto"
                 href="{{ route('tip.show', $link, false) }}"
+                x-data
+                @keydown.arrow-right.window="$el.click()"
                 >
                 <div class="flex items-center justify-center w-16 h-16 bg-white rounded-full shadow-2xl">
                     <svg xmlns="http://www.w3.org/2000/svg" class="w-8 h-8 text-orange-500" fill="none" viewBox="0 0 24 24"