From 23770e886cdecf14acc8dbc3e751642778f1592e Mon Sep 17 00:00:00 2001
From: Jan BELLON <jan@intra.e59.fr>
Date: Tue, 12 Mar 2024 07:39:07 +0000
Subject: [PATCH] Update 2 files

- /html/news.php
- /html/src/css/style.css
---
 html/news.php          |  8 ++++----
 html/src/css/style.css | 12 +++++++++---
 2 files changed, 13 insertions(+), 7 deletions(-)

diff --git a/html/news.php b/html/news.php
index f0d8b2ed..138ed28c 100644
--- a/html/news.php
+++ b/html/news.php
@@ -113,13 +113,13 @@ if (isset($_GET['article']) && filter_var($_GET['article'], FILTER_VALIDATE_INT)
                                 echo "<a href='user.php?user="  .  $resultat[0]['username'] . "'>";
                                 echo "<div class='article-auteur'>";
                                 echo "<div class='auteur-pp'><img src='" . $auteur_pp  . "' class='auteur-pp-image'/></div>";
-                                echo "<div class='auteur-display-name'>" . $resultat[0]['display_name'] . "</div>";
-                                echo "<div class='auteur-role'>";
+                                echo "<div class='auteur-display-name'><span>" . $resultat[0]['display_name'] . "</span></div>";
+                                echo "<div class='auteur-role'><span>";
                                 if($resultat[0]['role'] != 0) {
                                     echo '<svg class="certification" fill="' . $certif_colors[$resultat[0]['role']] . '" viewBox="0 0 22 22" aria-label="Compte certifié" role="img"><g><path d="M20.396 11c-.018-.646-.215-1.275-.57-1.816-.354-.54-.852-.972-1.438-1.246.223-.607.27-1.264.14-1.897-.131-.634-.437-1.218-.882-1.687-.47-.445-1.053-.75-1.687-.882-.633-.13-1.29-.083-1.897.14-.273-.587-.704-1.086-1.245-1.44S11.647 1.62 11 1.604c-.646.017-1.273.213-1.813.568s-.969.854-1.24 1.44c-.608-.223-1.267-.272-1.902-.14-.635.13-1.22.436-1.69.882-.445.47-.749 1.055-.878 1.688-.13.633-.08 1.29.144 1.896-.587.274-1.087.705-1.443 1.245-.356.54-.555 1.17-.574 1.817.02.647.218 1.276.574 1.817.356.54.856.972 1.443 1.245-.224.606-.274 1.263-.144 1.896.13.634.433 1.218.877 1.688.47.443 1.054.747 1.687.878.633.132 1.29.084 1.897-.136.274.586.705 1.084 1.246 1.439.54.354 1.17.551 1.816.569.647-.016 1.276-.213 1.817-.567s.972-.854 1.245-1.44c.604.239 1.266.296 1.903.164.636-.132 1.22-.447 1.68-.907.46-.46.776-1.044.908-1.681s.075-1.299-.165-1.903c.586-.274 1.084-.705 1.439-1.246.354-.54.551-1.17.569-1.816zM9.662 14.85l-3.429-3.428 1.293-1.302 2.072 2.072 4.4-4.794 1.347 1.246z"></path></g></svg>';
                                 }
-                                echo "</div>";
-                                echo "<div class='auteur-username'>@" . $resultat[0]['username'] . "</div>";
+                                echo "</span></div>";
+                                echo "<div class='auteur-username'><span>@" . $resultat[0]['username'] . "</span></div>";
                                 echo "</div></a>";
                                 echo "<div class='article-classification'>" . $classifications[$resultat[0]['classification']] . "</div></div>";
                                 echo "<div class='article-illustration'><img src='" . $resultat[0]['image'] . "' class='article-miniature'/></div>";
diff --git a/html/src/css/style.css b/html/src/css/style.css
index 70db7966..e9060ded 100644
--- a/html/src/css/style.css
+++ b/html/src/css/style.css
@@ -236,13 +236,19 @@ a {
     display: inline;
 }
 
-.auteur-pp {
-}
-
 .auteur-role {
     display: inline;
 }
 
+.auteur-display-name span, .auteur-role span, .auteur-username span {
+    display: inline-block;
+    vertical-align: middle;
+    line-height: normal;
+}
+
+.auteur-pp {
+}
+
 .auteur-pp-image {
     width: 5em;
     height: 5em;