Enhancement Request - Change "Sync Now" Icon to Button for Mobile Compatibility

[bawitdaba]

in sync\templates\sync\sources.html (https://github.com/meeb/tubesync/blob/main/tubesync/sync/templates/sync/sources.html)

Change Line 27

From
<span class="collection-item flex-collection-container">

To
<span class="collection-item flex-collection-container" style="display: block !important; overflow-wrap: anywhere;">

Change Line 37

From
<a href="{% url 'sync:source-sync-now' pk=source.pk %}" class="collection-item"><i class="fas fa-arrow-rotate-right"></i></a>

To
<a href="{% url 'sync:source-sync-now' pk=source.pk %}" class="btn">Sync Now</a>

This results in the following change:

Before:

After:

Thanks

• Bawitdaba

[tcely]

Thanks for the proposal!

Would you please make a pull request with the changes?

[meeb]

Thanks! No objection to this change, but the bug is probably the button not appearing on mobile in the first place. CSS changes should be done in SASS as well. If you're not comfortable with that just submit the PR and I can tweak it later.