Add reload icon

app/fonts/fontello/css/icons-codes.css

@@ -5,6 +5,7 @@
 .icon-heart-outline:before { content: '\e803'; } /* '' */
 .icon-heart-filled:before { content: '\e804'; } /* '' */
 .icon-comment:before { content: '\e805'; } /* '' */
+.icon-reload:before { content: '\e806'; } /* '' */
 .icon-check:before { content: '\e807'; } /* '' */
 .icon-plus:before { content: '\e808'; } /* '' */
 .icon-loading:before { content: '\e839'; } /* '' */

app/fonts/fontello/css/icons-ie7-codes.css

@@ -5,6 +5,7 @@
 .icon-heart-outline { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
 .icon-heart-filled { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
 .icon-comment { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-reload { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
 .icon-check { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
 .icon-plus { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
 .icon-loading { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }

app/fonts/fontello/css/icons-ie7.css

@@ -16,6 +16,7 @@
 .icon-heart-outline { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
 .icon-heart-filled { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
 .icon-comment { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
+.icon-reload { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
 .icon-check { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
 .icon-plus { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }
 .icon-loading { *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML = ' '); }

app/fonts/fontello/css/icons.css

@@ -1,11 +1,11 @@
 @font-face {
   font-family: 'icons';
-  src: url('../font/icons.eot?59778868');
+  src: url('../font/icons.eot?91391620');
-  src: url('../font/icons.eot?59778868#iefix') format('embedded-opentype'),
+  src: url('../font/icons.eot?91391620#iefix') format('embedded-opentype'),
-       url('../font/icons.woff2?59778868') format('woff2'),
+       url('../font/icons.woff2?91391620') format('woff2'),
-       url('../font/icons.woff?59778868') format('woff'),
+       url('../font/icons.woff?91391620') format('woff'),
-       url('../font/icons.ttf?59778868') format('truetype'),
+       url('../font/icons.ttf?91391620') format('truetype'),
-       url('../font/icons.svg?59778868#icons') format('svg');
+       url('../font/icons.svg?91391620#icons') format('svg');
   font-weight: normal;
   font-style: normal;
 }
@@ -15,7 +15,7 @@
 @media screen and (-webkit-min-device-pixel-ratio:0) {
   @font-face {
     font-family: 'icons';
-    src: url('../font/icons.svg?59778868#icons') format('svg');
+    src: url('../font/icons.svg?91391620#icons') format('svg');
   }
 }
 */
@@ -61,6 +61,7 @@
 .icon-heart-outline:before { content: '\e803'; } /* '' */
 .icon-heart-filled:before { content: '\e804'; } /* '' */
 .icon-comment:before { content: '\e805'; } /* '' */
+.icon-reload:before { content: '\e806'; } /* '' */
 .icon-check:before { content: '\e807'; } /* '' */
 .icon-plus:before { content: '\e808'; } /* '' */
 .icon-loading:before { content: '\e839'; } /* '' */

app/fonts/fontello/demo.html

@@ -229,11 +229,11 @@ body {
 }
 @font-face {
       font-family: 'icons';
-      src: url('./font/icons.eot?54567039');
+      src: url('./font/icons.eot?91427620');
-      src: url('./font/icons.eot?54567039#iefix') format('embedded-opentype'),
+      src: url('./font/icons.eot?91427620#iefix') format('embedded-opentype'),
-           url('./font/icons.woff?54567039') format('woff'),
+           url('./font/icons.woff?91427620') format('woff'),
-           url('./font/icons.ttf?54567039') format('truetype'),
+           url('./font/icons.ttf?91427620') format('truetype'),
-           url('./font/icons.svg?54567039#icons') format('svg');
+           url('./font/icons.svg?91427620#icons') format('svg');
       font-weight: normal;
       font-style: normal;
     }
@@ -306,10 +306,11 @@ body {
       <div class="row">
         <div class="the-icons span3" title="Code: 0xe804"><i class="demo-icon icon-heart-filled">&#xe804;</i> <span class="i-name">icon-heart-filled</span><span class="i-code">0xe804</span></div>
         <div class="the-icons span3" title="Code: 0xe805"><i class="demo-icon icon-comment">&#xe805;</i> <span class="i-name">icon-comment</span><span class="i-code">0xe805</span></div>
+        <div class="the-icons span3" title="Code: 0xe806"><i class="demo-icon icon-reload">&#xe806;</i> <span class="i-name">icon-reload</span><span class="i-code">0xe806</span></div>
         <div class="the-icons span3" title="Code: 0xe807"><i class="demo-icon icon-check">&#xe807;</i> <span class="i-name">icon-check</span><span class="i-code">0xe807</span></div>
-        <div class="the-icons span3" title="Code: 0xe808"><i class="demo-icon icon-plus">&#xe808;</i> <span class="i-name">icon-plus</span><span class="i-code">0xe808</span></div>
       </div>
       <div class="row">
+        <div class="the-icons span3" title="Code: 0xe808"><i class="demo-icon icon-plus">&#xe808;</i> <span class="i-name">icon-plus</span><span class="i-code">0xe808</span></div>
         <div class="the-icons span3" title="Code: 0xe839"><i class="demo-icon icon-loading animate-spin">&#xe839;</i> <span class="i-name">icon-loading</span><span class="i-code">0xe839</span></div>
         <div class="the-icons span3" title="Code: 0xf08e"><i class="demo-icon icon-external">&#xf08e;</i> <span class="i-name">icon-external</span><span class="i-code">0xf08e</span></div>
         <div class="the-icons span3" title="Code: 0xf123"><i class="demo-icon icon-star-half">&#xf123;</i> <span class="i-name">icon-star-half</span><span class="i-code">0xf123</span></div>

app/fonts/fontello/font/icons.svg

@@ -18,6 +18,8 @@
 
 <glyph glyph-name="comment" unicode="&#xe805;" d="M781 662l-625 0q-21 0-37-15t-15-36l0-365q0-21 15-37t37-16l157 0 0-8 8 8 460 0q22 0 37 16t16 37l0 365q0 21-16 36t-37 15z m0 105q65 0 111-46t46-110l0-365q0-65-46-111t-111-45l-416 0-156-157 0 157-53 0q-65 0-110 45t-46 111l0 365q0 65 46 110t110 46l625 0z" horiz-adv-x="938" />
 
+<glyph glyph-name="reload" unicode="&#xe806;" d="M843 261q0-3 0-4-36-150-150-243t-267-93q-81 0-157 31t-136 88l-72-72q-11-11-25-11t-25 11-11 25v250q0 14 11 25t25 11h250q14 0 25-11t10-25-10-25l-77-77q40-36 90-57t105-20q74 0 139 37t104 99q6 10 30 66 4 13 16 13h107q8 0 13-6t5-12z m14 446v-250q0-14-10-25t-26-11h-250q-14 0-25 11t-10 25 10 25l77 77q-82 77-194 77-75 0-140-37t-104-99q-6-10-29-66-5-13-17-13h-111q-7 0-13 6t-5 12v4q36 150 151 243t268 93q81 0 158-31t137-88l72 72q11 11 25 11t26-11 10-25z" horiz-adv-x="857.1" />
+
 <glyph glyph-name="check" unicode="&#xe807;" d="M625 676q38-20 49-63t-9-80l-260-469q-30-53-91-53-43 0-74 31l-209 207q-31 32-31 74t31 74 74 31 74-31l111-110 193 347q20 38 62 50t80-8z" horiz-adv-x="679" />
 
 <glyph glyph-name="plus" unicode="&#xe808;" d="M729 454q44 0 74-31t31-73-31-73-74-30l-208 3 0-212q0-43-30-73t-75-31-73 31-30 73l3 212-212-3q-44 0-74 30t-30 73 30 73 74 31l212 0-3 209q0 42 30 73t73 31 75-31 30-73l0-209 208 0z" horiz-adv-x="834" />

app/fonts/fontello/fontello-config.json

@@ -71,6 +71,12 @@
       "css": "comment",
       "code": 59397,
       "src": "typicons"
+    },
+    {
+      "uid": "a73c5deb486c8d66249811642e5d719a",
+      "css": "reload",
+      "code": 59398,
+      "src": "fontawesome"
     }
   ]
 }

app/views/home/loggedOut.js

@@ -53,7 +53,7 @@ export const loggedOutView = (homeController, emit) => {
             <header>
               <h3>${__('home.logged_out_recent_reviews')}</h3>
               <button class="small pseudo pull-right tooltip-left" data-tooltip=${__('interaction.reload')}>
-                <i class="icon-loading"></i><!--/* This needs to get updated to a reload icon */-->
+                <i class="icon-reload"></i>
               </button>
             </header>
             <footer>
@@ -66,7 +66,7 @@ export const loggedOutView = (homeController, emit) => {
             <header>
               <h3>${__('home.logged_out_recent_updates')}</h3>
               <button class="small pseudo pull-right tooltip-left" data-tooltip=${__('interaction.reload')}>
-                <i class="icon-loading"></i><!--/* This needs to get updated to a reload icon */-->
+                <i class="icon-reload"></i>
               </button>
             </header>
             <footer>