style tweaks, update source page

app/sync/templates/sync/source-update.html

@@ -0,0 +1,28 @@
+{% extends 'base.html' %}
+
+{% block headtitle %}Update source - {{ source.name }}{% endblock %}
+
+{% block content %}
+<div class="row no-margin-bottom">
+  <div class="col s12">
+    <h1>Update source <strong>{{ source.name }}</strong></h1>
+    <p>
+      You can use this form to update your source. A source is what's polled on regular
+      basis to find new media to download, such as a channel or playlist. Any changes
+      to a source will only apply to new media and will not update media previously
+      downloaded.
+    </p>
+  </div>
+</div>
+<div class="row">
+  <form method="post" action="{% url 'sync:update-source' pk=source.pk %}" class="col s12 simpleform">
+    {% csrf_token %}
+    {% include 'simpleform.html' with form=form %}
+    <div class="row no-margin-bottom padding-top">
+      <div class="col s12">
+        <button class="btn" type="submit" name="action">Update source <i class="fas fa-pen-square"></i></button>
+      </div>
+    </div>
+  </form>
+</div>
+{% endblock %}

app/sync/templates/sync/source.html

@@ -6,7 +6,7 @@
 <div class="row">
   <div class="col s12">
     <h1 class="truncate">Source <strong>{{ source.name }}</strong></h1>
-    <p class="truncate"><strong><a href="{{ source.url }}" target="_blank">{{ source.url }}</a></strong></p>
+    <p class="truncate"><strong><a href="{{ source.url }}" target="_blank"><i class="fas fa-link"></i> {{ source.url }}</a></strong></p>
     <p class="truncate">Saving to: <strong>{{ source.directory_path }}</strong></p>
   </div>
 </div>
@@ -75,12 +75,12 @@
     </table>
   </div>
 </div>
-<div class="row no-margin-bottom">
+<div class="row no-margin-bottom padding-top">
   <div class="col s12 l6 margin-bottom">
-    <a href="" class="btn"><i class="fas fa-pen-square"></i> Edit source</a>
+    <a href="{% url 'sync:update-source' pk=source.pk %}" class="btn">Edit source <i class="fas fa-pen-square"></i></a>
   </div>
   <div class="col s12 l6 margin-bottom">
-    <a href="" class="btn delete-button"><i class="fas fa-trash-alt"></i> Delete source</a>
+    <a href="" class="btn delete-button">Delete source <i class="fas fa-trash-alt"></i></a>
   </div>
 </div>
 {% endblock %}

app/sync/templates/sync/sources.html

@@ -3,12 +3,13 @@
 {% block headtitle %}Sources{% endblock %}
 
 {% block content %}
+{% include 'infobox.html' with message=message %}
 <div class="row no-margin-bottom">
   <div class="col s12 l6 margin-bottom">
-    <a href="{% url 'sync:validate-source' source_type='youtube-channel' %}" class="btn"><i class="fab fa-youtube"></i> Add a YouTube channel</a>
+    <a href="{% url 'sync:validate-source' source_type='youtube-channel' %}" class="btn">Add a YouTube channel <i class="fab fa-youtube"></i></a>
   </div>
   <div class="col s12 l6 margin-bottom">
-    <a href="{% url 'sync:validate-source' source_type='youtube-playlist' %}" class="btn"><i class="fab fa-youtube"></i> Add a YouTube playlist</a>
+    <a href="{% url 'sync:validate-source' source_type='youtube-playlist' %}" class="btn">Add a YouTube playlist <i class="fab fa-youtube"></i></a>
   </div>
 </div>
 <div class="row no-margin-bottom">
@@ -27,11 +28,5 @@
     </div>
   </div>
 </div>
-{% if sources %}
-<div class="row">
-  <div class="col s12">
-    {% include 'pagination.html' with pagination=sources.paginator %}
-  </div>
-</div>
-{% endif %}
+{% include 'pagination.html' with pagination=sources.paginator %}
 {% endblock %}