Got rid of EBI icon fonts - they won't work.

Author: BurkovBA

Diff for: dist/RNAcentral-sequence-search.js

@@ -8,7 +8,6 @@ import configureStore from 'store/configureStore.js';
 
 import ebiGlobal from 'ebi-framework/css/ebi-global.css';
 import themeLight from 'ebi-framework/css/theme-light.css';
-import 'EBI-Icon-fonts/fonts.css';
 import fonts from 'EBI-Icon-fonts/fonts.css';
 import animate from 'animate.css/animate.min.css';
 import sequenceSearchStyles from 'containers/SequenceSearch/index.scss';

Diff for: dist/RNAcentral-sequence-search.js.map

@@ -59,7 +59,7 @@ class Facets extends React.Component {
             this.props.textSearchError &&
             <div className="callout alert">
               <h3>Failed to retrieve text search data.</h3>
-              <a onClick={ this.props.onReload }><i className="icon icon-functional" data-icon="R"/> Reload</a>
+              <a onClick={ this.props.onReload }>&lsaquo; Reload</a>
             </div>
           }
           <small>

Diff for: src/app.jsx

@@ -20,7 +20,7 @@ class Hit extends React.Component {
           </ul>
           <small>
             <a onClick={ this.props.onToggleAlignmentsCollapsed }>
-              { this.props.alignmentsCollapsed ? <span><i className="icon icon-functional" data-icon="9" /> show alignments</span> : <span><i className="icon icon-functional" data-icon="8"/> hide alignments</span> }
+              { this.props.alignmentsCollapsed ? <span>&#x25B6; show alignments</span> : <span>&#x25BC; hide alignments</span> }
             </a>
           </small>
           <div className={`callout alignment ${this.props.alignmentsCollapsed ? 'alignment-collapsed' : ''}`}>

Diff for: src/containers/SequenceSearch/components/Results/components/Facets.jsx

@@ -42,7 +42,7 @@ class Results extends React.Component {
         }
         {
           (this.props.status === "loading" || this.props.status === "success" || this.props.status === "partial_success") && [
-            <h1 key={`results-header`} className="margin-top-large margin-bottom-large">Results: { this.props.status === "loading" ? <i className="icon icon-functional spin" data-icon="s"/> : <small>{ this.props.hitCount } total</small> }</h1>,
+            <h1 key={`results-header`} className="margin-top-large margin-bottom-large">Results: { this.props.status === "loading" ? <i className="animated infinite flash">...</i> : <small>{ this.props.hitCount } total</small> }</h1>,
             <div key={`results-div`} className="small-12 medium-10 medium-push-2 columns">
               <section>
                 { this.props.entries.map((entry, index) => (