always display podcast download links below icon, with a border

diff --git a/panikweb/static/css/_specifics.scss b/panikweb/static/css/_specifics.scss
index 3702136edd48759a8cd9f5a49ea445de258f0acb..e1141015dfe8cbd6fdfb857cfc990f2aa6253b7f 100644 (file)
--- a/panikweb/static/css/_specifics.scss
+++ b/panikweb/static/css/_specifics.scss
@@ -1769,7 +1769,10 @@ div#fiber-content div.extra-soundfiles ul.list {
 div.download-links {
        position: absolute;
        z-index: 1000;
-       text-align: right;
+       width: 8em;
+       text-align: center;
+       border: 2px solid $primary;
+       background: white;
 }
 
 div.hidden-download-links {
@@ -1777,13 +1780,7 @@ div.hidden-download-links {
 }
 
 div.episode-detail div.sound div.download-links {
-       display: inline-block;
-       padding-top: 1ex;
-       padding-left: 3em;
-}
-
-div.extra-soundfiles div.download-links {
-       background: white;
+       padding: 1ex 0;
 }
 
 h1.top a.dimmed {

diff --git a/panikweb/templates/includes/audio.html b/panikweb/templates/includes/audio.html
index 673452d4aed07d25615a5d586d6f2efc6e6de295..2464e68e69e909ebbf455f9eccefa567478874a8 100644 (file)
--- a/panikweb/templates/includes/audio.html
+++ b/panikweb/templates/includes/audio.html
@@ -28,12 +28,12 @@
                        ><span class="sr-only">{% trans "Download file" %}</span></button>
                <div class="download-links hidden-download-links">
                        {% if sound|is_format_available:'ogg' %}
-                       <a target="_blank" rel="noopener" class="button inBlock" href="{{ sound|format_url:'ogg' }}">
+                       <a target="_blank" rel="noopener" href="{{ sound|format_url:'ogg' }}">
                                <span class="icon-file">&nbsp;ogg</span>
                        </a>
                        {% endif %}
                        {% if sound|is_format_available:'mp3' %}
-                       <a target="_blank" rel="noopener" class="button inBlock" href="{{ sound|format_url:'mp3' }}">
+                       <a target="_blank" rel="noopener" href="{{ sound|format_url:'mp3' }}">
                                <span class="icon-file">&nbsp;mp3</span>
                        </a>
                        {% endif %}