From 312580dd63d58333718d9c96286cf7b1b73e3088 Mon Sep 17 00:00:00 2001
From: tpjanssen <25168870+tpjanssen@users.noreply.github.com>
Date: Tue, 24 Oct 2023 16:15:55 +0200
Subject: [PATCH 1/2] Show event duration in landscape mode

---
 web/src/routes/Events.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/routes/Events.jsx b/web/src/routes/Events.jsx
index df3416cc8c..26688c90de 100644
--- a/web/src/routes/Events.jsx
+++ b/web/src/routes/Events.jsx
@@ -776,11 +776,11 @@ function Event({
             <div className="text-sm flex">
               <Clock className="h-5 w-5 mr-2 inline" />
               {formatUnixTimestampToDateTime(event.start_time, { ...config.ui })}
-              <div className="hidden md:inline">
+              <div className="hidden landscape:inline">
                 <span className="m-1">-</span>
                 <TimeAgo time={event.start_time * 1000} dense />
               </div>
-              <div className="hidden md:inline">
+              <div className="hidden landscape:inline">
                 <span className="m-1" />( {getDurationFromTimestamps(event.start_time, event.end_time)} )
               </div>
             </div>

From 3edbcc83df997102379bddec350808747318d913 Mon Sep 17 00:00:00 2001
From: tpjanssen <25168870+tpjanssen@users.noreply.github.com>
Date: Tue, 24 Oct 2023 17:10:55 +0200
Subject: [PATCH 2/2] Update Events.jsx

---
 web/src/routes/Events.jsx | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/web/src/routes/Events.jsx b/web/src/routes/Events.jsx
index 26688c90de..24183c6314 100644
--- a/web/src/routes/Events.jsx
+++ b/web/src/routes/Events.jsx
@@ -776,11 +776,11 @@ function Event({
             <div className="text-sm flex">
               <Clock className="h-5 w-5 mr-2 inline" />
               {formatUnixTimestampToDateTime(event.start_time, { ...config.ui })}
-              <div className="hidden landscape:inline">
+              <div className="hidden sm:inline">
                 <span className="m-1">-</span>
                 <TimeAgo time={event.start_time * 1000} dense />
               </div>
-              <div className="hidden landscape:inline">
+              <div className="hidden sm:inline">
                 <span className="m-1" />( {getDurationFromTimestamps(event.start_time, event.end_time)} )
               </div>
             </div>