Optimized category score bubble position

front/src/css/dashboard.css

@@ -94,8 +94,7 @@ h4 {
   height: 1em;
   font-size: 1em;
   color: transparent;
-  position: relative;
-  top: 0.15em;
+  margin: 0 auto;
 }
 .notations .A {
   /* green */
@@ -134,6 +133,9 @@ h4 {
 }
 .notations .criteria .grade {
   width: 10%;
+  padding-left: 0.5em;
+  padding-right: 0.5em;
+  vertical-align: middle;
 }
 .notations .criteria .label {
   width: 70%;
@@ -143,6 +145,7 @@ h4 {
   font-weight: bold;
   white-space: nowrap;
   text-align: center;
+  vertical-align: middle;
 }
 .notations .warning .label,
 .notations .warning .result {

front/src/less/dashboard.less

@@ -99,8 +99,7 @@ h4 {
         height: 1em;
         font-size: 1em;
         color: transparent;
-        position: relative;
-        top: 0.15em;
+        margin: 0 auto;
     }
 }
 .notations .A {
@@ -141,6 +140,9 @@ h4 {
 }
 .notations .criteria .grade {
     width: 10%;
+    padding-left: 0.5em;
+    padding-right: 0.5em;
+    vertical-align: middle;
 }
 .notations .criteria .label {
     width: 70%;
@@ -150,6 +152,7 @@ h4 {
     font-weight: bold;
     white-space: nowrap;
     text-align: center;
+    vertical-align: middle;
 }
 .notations .warning .label, .notations .warning .result {
     color: #FF1919;