From 68c6b78179e2545aaa4ae2760523c6fdaa98e24a Mon Sep 17 00:00:00 2001
From: tcely <tcely@users.noreply.github.com>
Date: Thu, 13 Mar 2025 16:46:58 -0400
Subject: [PATCH 1/3] Apply the suggested "Sync Now" changes

Fixes #641
---
 tubesync/sync/templates/sync/sources.html | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/tubesync/sync/templates/sync/sources.html b/tubesync/sync/templates/sync/sources.html
index 0c9a2ee8..627f4397 100644
--- a/tubesync/sync/templates/sync/sources.html
+++ b/tubesync/sync/templates/sync/sources.html
@@ -24,7 +24,7 @@
   <div class="col s12">
     <div class="collection">
     {% for source in sources %}
-      <span class="collection-item flex-collection-container">
+      <span class="collection-item flex-collection-container" style="display: block !important; overflow-wrap: anywhere;">
         <a href="{% url 'sync:source' pk=source.pk %}" class="flex-grow">
           {{ source.icon|safe }} <strong>{{ source.name }}</strong> ({{ source.get_source_type_display }} &quot;{{ source.key }}&quot;)<br>
           {{ source.format_summary }}<br>
@@ -34,7 +34,7 @@
           <strong>{{ source.media_count }}</strong> media items, <strong>{{ source.downloaded_count }}</strong> downloaded{% if source.delete_old_media and source.days_to_keep > 0 %}, keeping {{ source.days_to_keep }} days of media{% endif %}
           {% endif %}
         </a>
-        <a href="{% url 'sync:source-sync-now' pk=source.pk %}" class="collection-item"><i class="fas fa-arrow-rotate-right"></i></a>
+        <a href="{% url 'sync:source-sync-now' pk=source.pk %}" class="btn">Sync Now</a>
       </span>
     {% empty %}
       <span class="collection-item no-items"><i class="fas fa-info-circle"></i> You haven't added any sources.</span>

From 40b4032bbc0452cd4773963069e61afec9c08893 Mon Sep 17 00:00:00 2001
From: tcely <tcely@users.noreply.github.com>
Date: Thu, 13 Mar 2025 16:50:35 -0400
Subject: [PATCH 2/3] Move style to CSS

---
 tubesync/common/static/styles/tubesync.scss | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/tubesync/common/static/styles/tubesync.scss b/tubesync/common/static/styles/tubesync.scss
index 30a41fd8..1012ecfc 100644
--- a/tubesync/common/static/styles/tubesync.scss
+++ b/tubesync/common/static/styles/tubesync.scss
@@ -29,4 +29,9 @@ html {
 
 .help-text > i {
     padding-right: 6px;
-}
\ No newline at end of file
+}
+
+.issue-641 {
+    display: block !important;
+    overflow-wrap: anywhere;
+}

From 45c9b9ce811272517bc0aa896bfdbb36ad849518 Mon Sep 17 00:00:00 2001
From: tcely <tcely@users.noreply.github.com>
Date: Thu, 13 Mar 2025 16:52:20 -0400
Subject: [PATCH 3/3] Use the new CSS class

---
 tubesync/sync/templates/sync/sources.html | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/tubesync/sync/templates/sync/sources.html b/tubesync/sync/templates/sync/sources.html
index 627f4397..0e766e23 100644
--- a/tubesync/sync/templates/sync/sources.html
+++ b/tubesync/sync/templates/sync/sources.html
@@ -24,7 +24,7 @@
   <div class="col s12">
     <div class="collection">
     {% for source in sources %}
-      <span class="collection-item flex-collection-container" style="display: block !important; overflow-wrap: anywhere;">
+      <span class="collection-item flex-collection-container issue-641">
         <a href="{% url 'sync:source' pk=source.pk %}" class="flex-grow">
           {{ source.icon|safe }} <strong>{{ source.name }}</strong> ({{ source.get_source_type_display }} &quot;{{ source.key }}&quot;)<br>
           {{ source.format_summary }}<br>