diff --git a/app/static/css/partials/_film.scss b/app/static/css/partials/_film.scss index 99ff800..9de6cc1 100755 --- a/app/static/css/partials/_film.scss +++ b/app/static/css/partials/_film.scss @@ -66,13 +66,15 @@ main > .film { margin-bottom: var(--spacing-2); max-width: 250px; - .texts { - padding-top: var(--spacing-2); - .text { - padding-bottom: var(--spacing-2); - } + } + .texts { + margin-top: var(--spacing-2); + margin-bottom: var(--spacing-2); + .text { + padding-bottom: var(--spacing-2); } } + @media screen and (max-width: 799px) { h1 { span { @@ -95,7 +97,7 @@ main > .film { opacity: 0; } -.info-meta, .bio-block, .play, .summary-block { +.info-meta, .bio-block, .play, .summary-block, .texts { background: rgba(0, 0, 0, 0.55); border-radius: 2px; box-shadow: 1px 1px 6px rgba(0, 0, 0, 0.6); @@ -166,4 +168,4 @@ main > .film { margin-top: 4px; font-size: 12px; font-weight: 700; -} \ No newline at end of file +} diff --git a/app/templates/film.html b/app/templates/film.html index 9fb9014..abd0591 100644 --- a/app/templates/film.html +++ b/app/templates/film.html @@ -51,22 +51,25 @@ body {
-
- {% for text in film.related_texts %} - - {% endfor %} -
OR
watch on pad.ma
+ {% if film.related_texts.exists %} +
+

related assemblies

+ {% for text in film.related_texts %} +
+ + {{ text.title | safe }}
+ {{ text.byline | safe }} +
+
+ {% endfor %} +
+ {% endif %} {% endblock %}