From 83d7100dd10304d2f5edd514b1a34efde1347e87 Mon Sep 17 00:00:00 2001
From: Ben Phelps <ben@phelps.io>
Date: Mon, 12 Sep 2022 09:41:44 +0300
Subject: [PATCH] normalize media streaming widget padding

---
 src/components/services/widgets/service/emby.jsx     | 7 ++++---
 src/components/services/widgets/service/tautulli.jsx | 8 ++++----
 2 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/src/components/services/widgets/service/emby.jsx b/src/components/services/widgets/service/emby.jsx
index fc9d3e505..35f31f181 100644
--- a/src/components/services/widgets/service/emby.jsx
+++ b/src/components/services/widgets/service/emby.jsx
@@ -27,6 +27,7 @@ function ticksToString(ticks) {
 }
 
 function SingleSessionEntry({ playCommand, session }) {
+  console.log(session);
   const {
     NowPlayingItem: { Name, SeriesName, RunTimeTicks },
     PlayState: { PositionTicks, IsPaused, IsMuted },
@@ -175,7 +176,7 @@ export default function Emby({ service }) {
 
   if (playing.length === 0) {
     return (
-      <div className="flex flex-col pb-1">
+      <div className="flex flex-col pb-1 mx-1">
         <div className="text-theme-700 dark:text-theme-200 text-xs relative h-5 w-full rounded-md bg-theme-200/50 dark:bg-theme-900/20 mt-1">
           <span className="absolute left-2 text-xs mt-[2px]">{t("emby.no_active")}</span>
         </div>
@@ -189,7 +190,7 @@ export default function Emby({ service }) {
   if (playing.length === 1) {
     const session = playing[0];
     return (
-      <div className="flex flex-col pb-1">
+      <div className="flex flex-col pb-1 mx-1">
         <SingleSessionEntry
           playCommand={(currentSession, command) => handlePlayCommand(currentSession, command)}
           session={session}
@@ -199,7 +200,7 @@ export default function Emby({ service }) {
   }
 
   return (
-    <div className="flex flex-col pb-1">
+    <div className="flex flex-col pb-1 mx-1">
       {playing.map((session) => (
         <SessionEntry
           key={session.Id}
diff --git a/src/components/services/widgets/service/tautulli.jsx b/src/components/services/widgets/service/tautulli.jsx
index c92ccbbe9..3902d4fc5 100644
--- a/src/components/services/widgets/service/tautulli.jsx
+++ b/src/components/services/widgets/service/tautulli.jsx
@@ -104,7 +104,7 @@ export default function Tautulli({ service }) {
 
   if (!activityData) {
     return (
-      <div className="flex flex-col pb-1">
+      <div className="flex flex-col pb-1 mx-1">
         <div className="text-theme-700 dark:text-theme-200 text-xs relative h-5 w-full rounded-md bg-theme-200/50 dark:bg-theme-900/20 mt-1">
           <span className="absolute left-2 text-xs mt-[2px]">-</span>
         </div>
@@ -127,7 +127,7 @@ export default function Tautulli({ service }) {
 
   if (playing.length === 0) {
     return (
-      <div className="flex flex-col pb-1">
+      <div className="flex flex-col pb-1 mx-1">
         <div className="text-theme-700 dark:text-theme-200 text-xs relative h-5 w-full rounded-md bg-theme-200/50 dark:bg-theme-900/20 mt-1">
           <span className="absolute left-2 text-xs mt-[2px]">{t("tautulli.no_active")}</span>
         </div>
@@ -141,14 +141,14 @@ export default function Tautulli({ service }) {
   if (playing.length === 1) {
     const session = playing[0];
     return (
-      <div className="flex flex-col pb-1">
+      <div className="flex flex-col pb-1 mx-1">
         <SingleSessionEntry session={session} />
       </div>
     );
   }
 
   return (
-    <div className="flex flex-col pb-1">
+    <div className="flex flex-col pb-1 mx-1">
       {playing.map((session) => (
         <SessionEntry key={session.Id} session={session} />
       ))}