Ajustements CSS pour les onglets de la médiathèque

prive/squelettes/inclure/mediatheque-navigation.html

@@ -18,7 +18,7 @@
 <a class='annule_filtre' href='[(#GET{self}|parametre_url{id_document,''})]' title="<:medias:tout_voir|attribut_html:>">[(#CHEMIN_IMAGE{fermer-16.png}|balise_img|inserer_attribut{alt,<:medias:tout_voir:>})]</a>
 ]
 
-<div class='onglets_simple second clearfix'>
+<div class='onglets_simple second'>
 <ul class='statut'>
 [<li class='first'>(#GET{self}|parametre_url{statut,''}|lien_ou_expose{<:medias:documents_tous:>,#ENV{statut,.*}|=={.*},ajax})</li>]
 [<li>(#GET{self}|parametre_url{statut,publie}|lien_ou_expose{<:medias:documents_publies:>,#ENV{statut}|=={publie},ajax})</li>]

prive/style_prive_plugin_medias.html

@@ -51,11 +51,17 @@
 .formulaire_joindre_document .editer_fichier input.file {display:block;}
 .formulaire_joindre_document .editer_refdoc_joindre input.text {width:50%;}
 
-.onglets_simple .medias .image a,.onglets_simple .medias .image strong {padding-left:27px;background: url(#CHEMIN_IMAGE{media-image-16.png}) no-repeat 5px center;background-size:16px;}
-.onglets_simple .medias .audio a,.onglets_simple .medias .audio strong {padding-left:27px;background: url(#CHEMIN_IMAGE{media-audio-16.png}) no-repeat 5px center;background-size:16px;}
-.onglets_simple .medias .video a,.onglets_simple .medias .video strong {padding-left:27px;background: url(#CHEMIN_IMAGE{media-video-16.png}) no-repeat 5px center;background-size:16px;}
-
-.onglets_simple.second ul.distant li.first,.onglets_simple.second ul.brises li.first,.onglets_simple.second ul.sanstitre li.first {margin-#GET{left}:30px;}
+.onglets_simple .medias .image > *,
+.onglets_simple .medias .audio > *,
+.onglets_simple .medias .video > * {
+	padding-#LEFT: calc((var(--spip-tabs-spacing-x) * 1.5) + 16px);
+	background-size: 16px;
+	background-position: #LEFT var(--spip-tabs-spacing-x) center;
+	background-repeat: no-repeat;
+}
+.onglets_simple .medias .image > * { background-image: url(#CHEMIN_IMAGE{media-image-16.png}); }
+.onglets_simple .medias .audio > * { background-image: url(#CHEMIN_IMAGE{media-audio-16.png}); }
+.onglets_simple .medias .video > * { background-image: url(#CHEMIN_IMAGE{media-video-16.png}); }
 
 .choix-type, .choix-type li {display:inline;list-style:none;margin:0;padding:0;}
 .choix-type {margin:1em 0;padding:0;}