SONAR-16731 [891572] Visual list is not marked up as list

diff --git a/server/sonar-web/src/main/js/apps/projects/components/FavoriteFilter.tsx b/server/sonar-web/src/main/js/apps/projects/components/FavoriteFilter.tsx
index 008d4380449d4e44449818ddb384b4a0327be38e..6657f1388eb097e697ca1f8547231a131d4e9061 100644 (file)
--- a/server/sonar-web/src/main/js/apps/projects/components/FavoriteFilter.tsx
+++ b/server/sonar-web/src/main/js/apps/projects/components/FavoriteFilter.tsx
@@ -62,7 +62,7 @@ export class FavoriteFilter extends React.PureComponent<Props> {
     }
 
     return (
-      <div className="page-header text-center">
+      <div className="page-header text-center display-flex-justify-center">
         <ButtonToggle
           options={[
             { value: true, label: translate('my_favorites') },

diff --git a/server/sonar-web/src/main/js/components/controls/ButtonToggle.css b/server/sonar-web/src/main/js/components/controls/ButtonToggle.css
index 31b156ffd3f2aa039d9385a7f92c2ce7a1af8760..2334d72080ddc4d16585f6efb6ba5179633d9dc7 100644 (file)
--- a/server/sonar-web/src/main/js/components/controls/ButtonToggle.css
+++ b/server/sonar-web/src/main/js/components/controls/ButtonToggle.css
@@ -20,9 +20,9 @@
 
 .button-toggle {
   display: flex;
-  justify-content: center;
+  list-style: none !important;
 }
 
 .button-toggle li:not(:first-child) {
-  margin-left: -2px;
+  margin-left: -1px;
 }