Get rid of the icons font

front/src/css/dashboard.css

@@ -120,8 +120,8 @@
 .summary .notations .criteria .table > a:hover > div.info {
   background: #FFF;
 }
-.summary .notations .criteria .table > a:hover > div.info .icon-question {
-  color: #EBD8E2;
+.summary .notations .criteria .table > a:hover > div.info svg {
+  fill: #EBD8E2;
 }
 .summary .notations .criteria .grade {
   width: 10%;
@@ -140,10 +140,13 @@
   vertical-align: middle;
 }
 .summary .notations .warning .label,
-.summary .notations .warning .result,
-.summary .notations .icon-warning {
+.summary .notations .warning .result {
   color: #FF1919;
 }
+.summary .notations .icon-warning svg {
+  fill: #FF1919;
+  margin: -2px 0;
+}
 .summary .notations .criteria .info {
   width: 2%;
   text-align: center;
@@ -152,8 +155,8 @@
   padding-left: 0.1em;
   padding-right: 0.1em;
 }
-.summary .notations .criteria .icon-question {
-  color: transparent;
+.summary .notations .criteria .info svg {
+  fill: transparent;
 }
 .summary .fromShare {
   margin-bottom: 3em;

front/src/css/index.css

@@ -55,17 +55,23 @@
   text-decoration: none;
   font-size: 0.8em;
 }
+.device .item > svg {
+  margin: 0.6em 0 0.3em;
+  fill: #fff;
+}
 .device .item.active {
   color: #ffa319;
   border: 2px solid #ffa319;
   padding: 0;
 }
+.device .item.active > svg {
+  fill: #ffa319;
+}
 .device .item:hover {
   color: #ffa319;
 }
-.device .item > div {
-  margin: 0.2em 0 0.1em;
-  font-size: 3em;
+.device .item:hover > svg {
+  fill: #ffa319;
 }
 .settingsTooltip {
   position: relative;