lttr: fixed some bugs in range template and the insert video code

4 files changed, 11 insertions, 4 deletions

diff --git a/app/lttr/admin.py b/app/lttr/admin.py
index b4c223a..da306f5 100644
--- a/app/lttr/admin.py
+++ b/app/lttr/admin.py
@@ -20,7 +20,8 @@ class NewsletterAdmin(admin.ModelAdmin):
 @admin.register(NewsletterMailing)
 class NewsletterMailingAdmin(admin.ModelAdmin):
     form = LGEntryForm
-    list_display = ('title', 'pub_date', 'status')
+    list_display = ('title', 'pub_date', 'newsletter', 'status')
+    list_filter = ['newsletter']
     fieldsets = (
         ('Entry', {
             'fields': (
diff --git a/app/lttr/templates/lttr/range_list.html b/app/lttr/templates/lttr/range_list.html
index c8812df..f557fa1 100644
--- a/app/lttr/templates/lttr/range_list.html
+++ b/app/lttr/templates/lttr/range_list.html
@@ -22,8 +22,8 @@
             <p>Yes, I know about Instagram. This is an attempt to reclaim that space, sharing photos with friends, but without all the distractions of the corporate social web, without the endless scroll of photos, likes, stories, comments, whatever. This is just an image delivered once a week to your inbox. I've been trying to think of a way to make it reciprocal, so you can send a picture to my inbox. If you have ideas, <a href="mailto:comments@luxagraf.net">email me</a>.</p>
             <p>Unsubscribing is easy. It's <a href="/src/building-your-own-mailing-list-software">self-hosted</a> and <a href="/privacy" title="My privacy policy">respects your privacy</a>. If you don't want an email, there's also <a href="/newsletter/range/feed.xml">an RSS feed</a>, and it's all archived below.</p>
         </div>
-        <h3 class="archive-sans">Images</h3>{% for object in object_list %}
-        <div class="archive-grid">
+        <h3 class="archive-sans">Images</h3>
+        <div class="archive-grid">{% for object in object_list %}
         <article class="h-entry hentry archive-grid-card" itemscope itemType="http://schema.org/Article">
             <div class="card-image">
                 <a href="{{object.get_absolute_url}}" title="{{object.title}}">
diff --git a/design/sass/screenv10.scss b/design/sass/screenv10.scss
index 02e4f50..0eb1655 100644
--- a/design/sass/screenv10.scss
+++ b/design/sass/screenv10.scss
@@ -155,6 +155,12 @@ figcaption {
 figcaption a, figcaption a:visited {
     color: #666;
 }
+.figcaption {
+    display: block;
+    font-family: mffnweb, Helvetica, sans-serif;
+    font-size: 16px;
+    margin-top: -6px;
+}
 h1 {
     font-size: 48px;
     font-size: 3rem;
diff --git a/design/templates/admin/insert_images.html b/design/templates/admin/insert_images.html
index 8a6596d..feaa88f 100644
--- a/design/templates/admin/insert_images.html
+++ b/design/templates/admin/insert_images.html
@@ -77,7 +77,7 @@ function buildVideo(video_mp4, video_webm, id, c, poster, ytlink) {
     html += '>\n\t\t<source src="'+video_webm+'" type="video/webm">\n';
     html += '\t\t<source src="'+video_mp4+'" type="video/mp4">\n';
     html += '\t\tYour browser does not support video playback via HTML5.\n\t</video>\n';
-    html += '\t<a href="'+ytlink+'">Watch on YouTube</a>\n</div>';
+    html += '\t<a class="figcaption" href="'+ytlink+'">Watch on YouTube</a>\n</div>';
     return html;
 }
 function buildImage(image_url, id, c, caption) {