Fix bug: Moved fonts under res folder

src/scss/_chat.scss

@@ -45,6 +45,7 @@
   .chat-button {
     float: right;
     a {
+      font-size: 24px;
       color: #fff;
     }
   }
@@ -69,7 +70,7 @@
   }
 
   .chat-empty {
-    color: #eee;
+    color: #999;
     left: 0;
     position: absolute;
     right: 0;
@@ -199,7 +200,11 @@
       color: #fff;
       bottom: 8px;
       right: 8px;
-      padding: 4px 6px 0;
+      padding: 0 6px;
+
+      .icon {
+        font-size: 24px;
+      }
 
       &:focus {
         outline: none;

src/scss/_fonts.scss

@@ -1,10 +1,10 @@
 @font-face {
   font-family: 'icons';
-  src: url('./fonts/icons.eot?ij9tsv');
+  src: url('../res/fonts/icons.eot?ij9tsv');
-  src: url('./fonts/icons.eot?ij9tsv#iefix') format('embedded-opentype'),
+  src: url('../res/fonts/icons.eot?ij9tsv#iefix') format('embedded-opentype'),
-       url('./fonts/icons.woff?ij9tsv') format('woff'),
+       url('../res/fonts/icons.woff?ij9tsv') format('woff'),
-       url('./fonts/icons.ttf?ij9tsv') format('truetype'),
+       url('../res/fonts/icons.ttf?ij9tsv') format('truetype'),
-       url('./fonts/icons.svg?ij9tsv#icons') format('svg');
+       url('../res/fonts/icons.svg?ij9tsv#icons') format('svg');
   font-weight: normal;
   font-style: normal;
 }
@@ -26,8 +26,6 @@
 
   display: inline-block;
   text-decoration: inherit;
-  width: 1em;
-  margin-right: .2em;
   text-align: center;
   /* opacity: .8; */
 
@@ -38,10 +36,6 @@
   /* fix buttons height, for twitter bootstrap */
   line-height: 1em;
 
-  /* Animation center compensation - margins should be symmetric */
-  /* remove if not needed */
-  margin-left: .2em;
-
   /* you can be more comfortable with increased icons size */
   /* font-size: 120%; */
 

src/scss/_toolbar.scss

@@ -13,6 +13,7 @@
     &.off {
       display: block;
     }
+    font-size: 24px;
     color: #fff;
     position: absolute;
     top: 12px;