Move the folder icon style to the less file

www/drive/file.css

@@ -56,6 +56,14 @@ li {
   color: #eee;
   margin: -1px;
 }
+span.fa-folder,
+span.fa-folder-open {
+  color: #FEDE8B;
+  text-shadow: -1px 0 #000000, 0 1px #000000, 1px 0 #000000, 0 -1px #000000;
+}
+span.fa {
+  min-width: 20px;
+}
 /* TREE */
 #tree {
   border-right: 1px solid #ccc;

www/drive/file.less

@@ -65,6 +65,16 @@ li {
     margin: -1px;
 }
 
+span {
+    &.fa-folder, &.fa-folder-open {
+        color: #FEDE8B;
+        text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
+    }
+    &.fa {
+        min-width: 20px;
+    }
+}
+
 /* TREE */
 
 

www/drive/main.js

@@ -183,9 +183,9 @@ define([
 
 
         // Icons
-        var $folderIcon = $('<span>', {"class": "fa fa-folder folder", style:"color:#FEDE8B;text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;"});
+        var $folderIcon = $('<span>', {"class": "fa fa-folder folder"});
         var $folderEmptyIcon = $folderIcon.clone();
-        var $folderOpenedIcon = $('<span>', {"class": "fa fa-folder-open folder", style:"color:#FEDE8B;text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;"});
+        var $folderOpenedIcon = $('<span>', {"class": "fa fa-folder-open folder");
         var $folderOpenedEmptyIcon = $folderOpenedIcon.clone();
         var $fileIcon = $('<span>', {"class": "fa fa-file-text-o file"});
         var $padIcon = $('<span>', {"class": "fa fa-file-word-o file"});