position emission link at the bottom of details pane

diff --git a/panikweb_templates/static/css/_specifics.scss b/panikweb_templates/static/css/_specifics.scss
index 6789f4c319e51c7e2ebc7e473bebe1f9f15cf082..a0f962a2a566359176a4ad8ad61364f48e27dfaf 100644 (file)
--- a/panikweb_templates/static/css/_specifics.scss
+++ b/panikweb_templates/static/css/_specifics.scss
@@ -2207,6 +2207,13 @@ div.around-nav {
                        p {
                                margin: 1rem;
                        }
+                       p.emission-link {
+                               position: absolute;
+                               bottom: 0;
+                               @media screen and (max-width: $mobile-limit) {
+                                       position: static;
+                               }
+                       }
                        img {
                                float: right;
                                margin-left: 1rem;

diff --git a/panikweb_templates/templates/includes/around.html b/panikweb_templates/templates/includes/around.html
index 948fd1848c21c6cf72fd38831f0f0aaaeabf5707..e3704d43de265b48994638cfc69e528a46ca2df9 100644 (file)
--- a/panikweb_templates/templates/includes/around.html
+++ b/panikweb_templates/templates/includes/around.html
@@ -26,7 +26,7 @@
         {% endthumbnail %}
     {% endif %}
     <p>{{slot.emission.text|safe}}</p>
-    <p><a class="button" href="{% url 'emission-view' slug=slot.emission.slug %}">Page de l'émission</a></p>
+    <p class="emission-link"><a class="button" href="{% url 'emission-view' slug=slot.emission.slug %}">Page de l'émission</a></p>
     {% endif %}
   </div>
   {% endfor %}