added imagecache

src/components/flow/Cell/index.tsx

@@ -6,6 +6,7 @@ import classNames from 'classnames';
 import * as styles from './styles.scss';
 import { Icon } from '~/components/input/Icon';
 import { flowSetCellView } from '~/redux/flow/actions';
+import { PRESETS } from '~/constants/urls';
 
 interface IProps {
   node: INode;
@@ -104,7 +105,7 @@ const Cell: FC<IProps> = ({
         <div
           className={styles.thumbnail}
           style={{
-            backgroundImage: `url("${getURL({ url: thumbnail })}")`,
+            backgroundImage: `url("${getURL({ url: thumbnail }, PRESETS.cover)}")`,
             opacity: is_loaded ? 1 : 0,
           }}
           onClick={onClick}

src/components/flow/FlowHero/index.tsx

@@ -84,9 +84,7 @@ const FlowHeroUnconnected: FC<IProps> = ({ heroes, history }) => {
     <div className={styles.wrap} onMouseOver={stopSliding} onFocus={stopSliding}>
       {loaded && loaded.length > 0 && (
         <div className={styles.info}>
-          <div className={styles.title_wrap}>
-            <div className={styles.title}>{title}</div>
-          </div>
+          <div className={styles.title_wrap}>{title}</div>
 
           <div className={styles.buttons}>
             <div className={styles.button} onClick={onPrevious}>

src/components/flow/FlowHero/styles.scss

@@ -102,6 +102,9 @@
   display: flex;
   margin-right: $gap;
   overflow: hidden;
+  font: $font_hero_title;
+  text-transform: uppercase;
+  text-overflow: ellipsis;
 }
 
 .title {