fixed cartel icon alignement #542

web/themes/custom/edlptheme/assets/dist/img/download.svg

@@ -0,0 +1 @@
+<svg height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><path d="M239.029 384.97a24 24 0 0 0 33.942 0l90.509-90.509a24 24 0 0 0 0-33.941 24 24 0 0 0-33.941 0L280 310.059V48a24 24 0 0 0-48 0v262.059l-49.539-49.539a24 24 0 0 0-33.941 0 24 24 0 0 0 0 33.941z"/><path d="M464 232a24 24 0 0 0-24 24v184H72V256a24 24 0 0 0-48 0v192a40 40 0 0 0 40 40h384a40 40 0 0 0 40-40V256a24 24 0 0 0-24-24z"/></svg>

web/themes/custom/edlptheme/assets/dist/img/tray-arrow-down.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M2 12h2v5h16v-5h2v5c0 1.11-.89 2-2 2H4a2 2 0 0 1-2-2v-5m10 3l5.55-5.46-1.42-1.41L13 11.25V2h-2v9.25L7.88 8.13 6.46 9.55 12 15z"/></svg>

web/themes/custom/edlptheme/assets/img/download.svg

@@ -0,0 +1 @@
+<svg height="512" viewBox="0 0 512 512" width="512" xmlns="http://www.w3.org/2000/svg"><g id="Solid"><path d="m239.029 384.97a24 24 0 0 0 33.942 0l90.509-90.509a24 24 0 0 0 0-33.941 24 24 0 0 0 -33.941 0l-49.539 49.539v-262.059a24 24 0 0 0 -48 0v262.059l-49.539-49.539a24 24 0 0 0 -33.941 0 24 24 0 0 0 0 33.941z"/><path d="m464 232a24 24 0 0 0 -24 24v184h-368v-184a24 24 0 0 0 -48 0v192a40 40 0 0 0 40 40h384a40 40 0 0 0 40-40v-192a24 24 0 0 0 -24-24z"/></g></svg>

web/themes/custom/edlptheme/assets/img/tray-arrow-down.svg

@@ -0,0 +1 @@
+<?xml version="1.0" encoding="UTF-8"?><!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd"><svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" width="24" height="24" viewBox="0 0 24 24"><path d="M2 12H4V17H20V12H22V17C22 18.11 21.11 19 20 19H4C2.9 19 2 18.11 2 17V12M12 15L17.55 9.54L16.13 8.13L13 11.25V2H11V11.25L7.88 8.13L6.46 9.55L12 15Z" /></svg>

web/themes/custom/edlptheme/assets/styles/app.scss

@@ -1089,16 +1089,29 @@ main[role="main"]{
         }
         .col-left{
           // position: relative;
-          a.ajax-link,
-          a.link-audio-download{
+          a.ajax-link{
             display: block;
             font-size: 0.82em;
             font-weight: 600;
           }
+          a.link-audio-download {
+            display: inline-block;
+            width:0.8em; height:0.8em;
+            overflow: hidden;
+            text-indent: 2em;
+            background-position: center;
+            background-repeat: no-repeat;
+            background-size: contain;
+            background-image: url(../img/download.svg);
+          }
           .addtoany_list {
             // outline: 1px solid blue;
             // margin-top: -1em;
             // top: -1em;
+            vertical-align: top;
+            line-height: 0!important;
+            & >{
+            }
             & > a:first-child{
               padding-left: 0;
               margin-left:-4px;

web/themes/custom/edlptheme/templates/content/node--enregistrement--player-cartel.html.twig

@@ -106,10 +106,10 @@
     <section class="second-cartel">
       {# if col_left #}
         <div class="col-left">
+          {{ content.addtoany }}
+          {{ link_audio_download }}
           {{ link_transcript }}
           {{ link_article }}
-          {{ link_audio_download }}
-          {{ content.addtoany }}
         </div>
       {# endif #}
       {% if col_right %}