diff -r dad2fc75bd8b -r 43dc356e3ff8 web/client.php
--- a/web/client.php	Thu Nov 07 22:42:07 2024 +0100
+++ b/web/client.php	Thu Nov 07 23:54:02 2024 +0100
@@ -118,19 +118,19 @@
         background-image: -moz-linear-gradient(top, <?php echo($baseColor); ?>, <?php echo($gradientColor); ?>);
         background-image: -ms-linear-gradient(top, <?php echo($baseColor); ?>, <?php echo($gradientColor); ?>);
         background-image: -o-linear-gradient(top, <?php echo($baseColor); ?>, <?php echo($gradientColor); ?>);
-        background-image: linear-gradient(to bottom, <?php echo($baseColor); ?>, <?php echo($gradientColor); ?>);
-    }
+        background-image: linear-gradient(to bottom, <?php echo($baseColor); ?>, <?php echo($gradientColor); ?>);  
+    } <?php // eslint-disable-line ?>
     .tweetButton.<?php echo($annot_def['colors_class']) ?>.selected,.tweetButton:active.<?php echo($annot_def['colors_class']) ?>:active,.tweetButton:hover.<?php echo($annot_def['colors_class']) ?>:hover.selected {
         background: <?php echo($selectedColor); ?>;
         border: solid <?php echo($selectedBorderColor); ?> 1px;
-    }
+    } <?php // eslint-disable-line ?>
     .tweetButton.<?php echo($annot_def['colors_class']) ?>:hover {
         background-image: -webkit-linear-gradient(top, <?php echo($gradientColor); ?>, <?php echo($baseColor); ?>);
         background-image: -moz-linear-gradient(top, <?php echo($gradientColor); ?>, <?php echo($baseColor); ?>);
         background-image: -ms-linear-gradient(top, <?php echo($gradientColor); ?>, <?php echo($baseColor); ?>);
         background-image: -o-linear-gradient(top, <?php echo($gradientColor); ?>, <?php echo($baseColor); ?>);
         background-image: linear-gradient(to bottom, <?php echo($gradientColor); ?>, <?php echo($baseColor); ?>);
-    }
+    } <?php // eslint-disable-line ?>
     <?php } ?>
     </style>
 
@@ -459,13 +459,14 @@
                                 if($socialNetwork === 'Twitter') {
                                     $loginform .= "<a href='".URL_ROOT."$rep/client.php?CONNECT=true' target='_top' class='loginlink'>".$translate->_("Vous n'êtes pas connecté.")."</a>";
                                 } else {
-                                    $loginform .= "<ul>";
-                                    $loginform .= "<li><form action='".URL_ROOT."$rep/client.php' method='GET' target='_top'>";
-                                    $loginform .= "<div class='loginlink'>".$translate->_("Vous n'êtes pas connecté.")."</div>";
-                                    $loginform .= "<input type='text' id='social_domain' name='CONNECT' value='mastodon.svc.iri-research.org'/>";
-                                    $loginform .= "<input type='submit' value='Connect'/>";
-                                    $loginform .= "</form></li>";
-                                    $loginform .= "<li>Suive l'utlisateur <code>".$config['group']."</code></li>";
+                                    $loginform .= "<form action='".URL_ROOT."$rep/client.php' method='GET' target='_top'>";
+                                    $loginform .= "<div class='loginlink'>".$translate->_("Vous n'êtes pas connecté à Mastodon.")."</div>";
+                                    $loginform .= "<ol class='loginlist'>";
+                                    $loginform .= "<li><input type='text' id='social_domain' name='CONNECT' value='mastodon.svc.iri-research.org'/>";
+                                    $loginform .= "<input type='submit' value='Connect'/>".$translate->_("Connexion Mastodon 1")."</li>";
+                                    $loginform .= "</form>";
+                                    $loginform .= "<li>".$translate->_("Connexion Mastodon 2")."<code>".$config['group']."</code></li>";
+                                    $loginform .= "</ol>";
 
                                 }
                                 $loginform .= "</div>";