From 53afee309044cb465a2d868fdc2e1060fc0095ce Mon Sep 17 00:00:00 2001
From: morpheus65535 <louis_vezina@hotmail.com>
Date: Mon, 16 Dec 2024 21:59:19 -0500
Subject: wip

---
 frontend/src/pages/Series/index.tsx | 38 ++++++++++++++-----------------------
 1 file changed, 14 insertions(+), 24 deletions(-)

diff --git a/frontend/src/pages/Series/index.tsx b/frontend/src/pages/Series/index.tsx
index d117e7a6f..6da300c3a 100644
--- a/frontend/src/pages/Series/index.tsx
+++ b/frontend/src/pages/Series/index.tsx
@@ -1,6 +1,6 @@
 import { FunctionComponent, useMemo } from "react";
 import { Link } from "react-router-dom";
-import { Anchor, Container, Progress } from "@mantine/core";
+import { Anchor, Container, Group, Progress } from "@mantine/core";
 import { useDocumentTitle } from "@mantine/hooks";
 import { faBookmark as farBookmark } from "@fortawesome/free-regular-svg-icons";
 import {
@@ -28,29 +28,19 @@ const SeriesView: FunctionComponent = () => {
   const columns = useMemo<ColumnDef<Item.Series>[]>(
     () => [
       {
-        id: "monitored",
-        cell: ({
-          row: {
-            original: { monitored },
-          },
-        }) => (
-          <FontAwesomeIcon
-            title={monitored ? "monitored" : "unmonitored"}
-            icon={monitored ? faBookmark : farBookmark}
-          ></FontAwesomeIcon>
-        ),
-      },
-      {
-        id: "ended",
-        cell: ({
-          row: {
-            original: { ended },
-          },
-        }) => (
-          <FontAwesomeIcon
-            title={ended ? "Ended" : "Continuing"}
-            icon={ended ? faStop : faPlay}
-          ></FontAwesomeIcon>
+        id: "status",
+        cell: ({ row: { original } }) => (
+          <Group gap="xs" wrap="nowrap">
+            <FontAwesomeIcon
+              title={original.monitored ? "monitored" : "unmonitored"}
+              icon={original.monitored ? faBookmark : farBookmark}
+            ></FontAwesomeIcon>
+
+            <FontAwesomeIcon
+              title={original.ended ? "Ended" : "Continuing"}
+              icon={original.ended ? faStop : faPlay}
+            ></FontAwesomeIcon>
+          </Group>
         ),
       },
       {
-- 
cgit v1.2.3