From 02c88293d8513631fc010dff3023fcbeb05e0f32 Mon Sep 17 00:00:00 2001
From: Corban-Lee <corbz.jones@gmail.com>
Date: Wed, 19 Jun 2024 21:43:24 +0100
Subject: [PATCH] table remove text wrapping

---
 apps/static/js/home/content.js       |  3 +++
 apps/static/js/home/subscriptions.js | 20 +++++++++++++++-----
 2 files changed, 18 insertions(+), 5 deletions(-)

diff --git a/apps/static/js/home/content.js b/apps/static/js/home/content.js
index 17a01eb..db9da15 100644
--- a/apps/static/js/home/content.js
+++ b/apps/static/js/home/content.js
@@ -34,6 +34,7 @@ function initContentTable() {
             {
                 title: "Name",
                 data: "title",
+                className: "text-truncate",
                 render: function(data, type, row) {
                     return `<a href="${row.url}" class="text-decoration-none" target="_blank">${data}</a>`
                 }
@@ -41,6 +42,7 @@ function initContentTable() {
             {
                 title: "Subscription",
                 data: "subscription.name",
+                className: "text-nowrap",
                 render: function(data, type, row) {
                     return `<a href="#" onclick="goToSubscription(${row.subscription.id})" class="text-decoration-none">${data}</a>`
                 }
@@ -56,6 +58,7 @@ function initContentTable() {
             {
                 title: "Created",
                 data: "creation_datetime",
+                className: "text-nowrap",
                 render: function(data, type) {
                     return `<small>${new Date(data).toISOString().replace('T', ' · ').replace(/\.\d+Z$/, '')}</small>`;
                 }
diff --git a/apps/static/js/home/subscriptions.js b/apps/static/js/home/subscriptions.js
index 2f87f8d..590f525 100644
--- a/apps/static/js/home/subscriptions.js
+++ b/apps/static/js/home/subscriptions.js
@@ -34,18 +34,26 @@ function initSubscriptionTable() {
             {
                 title: "Name",
                 data: "name",
+                className: "text-truncate",
                 render: function(data, type, row) {
-                    return `<a href="#" onclick="showEditSubModal(${row.id})" class="text-decoration-none">${data}</a>`
+                    return `<a href="#" onclick="showEditSubModal(${row.id})" class="text-decoration-none">${data}</a>`;
                 }
             },
             {
                 title: "URL",
                 data: "url",
+                className: "text-truncate",
                 render: function(data, type) {
-                    return `<a href="${data}" class="text-decoration-none" target="_blank">${data}</a>`
+                    return `<a href="${data}" class="text-decoration-none" target="_blank">${data}</a>`;
+                }
+            },
+            { 
+                title: "Channels",
+                data: "channels_count",
+                render: function(data) {
+                    return `<span class="badge badge-secondary">${data}</span>`;
                 }
             },
-            { title: "Channels", data: "channels_count" },
             // {
             //     title: "Content",
             //     data: "channels_count",
@@ -56,6 +64,7 @@ function initSubscriptionTable() {
             {
                 title: "Created",
                 data: "creation_datetime",
+                className: "small",
                 render: function(data, type) {
                     return new Date(data).toISOString().split("T")[0];
                 }
@@ -66,8 +75,9 @@ function initSubscriptionTable() {
                 orderable: false,
                 className: "text-center",
                 render: function(data, type) {
-                    if (!data) return "-";
-                    return $(`<i class="bi bi-chat-left-text" data-bs-trigger="hover focus" data-bs-toggle="popover" data-bs-title="Extra Notes" data-bs-content="${data}"></i>`).popover()[0];
+                    if (!data) return "";
+                    return $(`
+                            <i class="bi bi-chat-left-text" data-bs-trigger="hover focus" data-bs-toggle="popover" data-bs-title="Extra Notes" data-bs-content="${data}"></i>`).popover()[0];
                 }
             },
             {