Merge pull request #857 from sgmap/fix-849

[Fix #849] Improve the display of icons

app/assets/stylesheets/new_design/buttons.scss

@@ -65,7 +65,7 @@
     width: 100%;
   }
 
-  > i {
+  > .icon {
     width: 18px;
     height: 18px;
     background-size: 18px 18px;
@@ -93,7 +93,7 @@
     }
   }
 
-  &.icon-only i {
+  &.icon-only .icon {
     margin-right: 0;
   }
 }
@@ -165,7 +165,7 @@
       color: $grey;
     }
 
-    i {
+    .icon {
       flex-shrink: 0;
     }
 

app/assets/stylesheets/new_design/dossiers_table.scss

@@ -22,7 +22,7 @@
     display: block;
   }
 
-  i.folder {
+  .icon.folder {
     margin-right: $default-spacer;
     position: relative;
 

app/assets/stylesheets/new_design/motivation.scss

@@ -11,7 +11,7 @@
     font-size: 22px;
     margin-bottom: $default-spacer * 2;
 
-    i {
+    .icon {
       vertical-align: sub;
       margin-right: $default-spacer;
     }