simple player controls

src/components/containers/Card/index.tsx

@@ -1,22 +1,14 @@
 import React, { FC } from 'react';
 import * as styles from './styles.scss';
 
-import classNames = require('classnames');
+import classNames from 'classnames';
 
 type IProps = React.HTMLAttributes<HTMLDivElement> & {
   seamless?: boolean;
-}
+};
 
-const Card: FC<IProps> = ({
-  className,
-  children,
-  seamless,
-  ...props
-}) => (
-  <div
-    className={classNames(styles.card, className, { seamless })}
-    {...props}
-  >
+const Card: FC<IProps> = ({ className, children, seamless, ...props }) => (
+  <div className={classNames(styles.card, className, { seamless })} {...props}>
     {children}
   </div>
 );

src/components/containers/CellGrid/index.tsx

@@ -1,6 +1,4 @@
-import React, {
-  FC, HTMLAttributes, ReactChild, ReactChildren
-} from 'react';
+import React, { FC, HTMLAttributes } from 'react';
 import * as styles from './styles.scss';
 
 import classNames = require('classnames');
@@ -8,14 +6,9 @@ import classNames = require('classnames');
 type IProps = HTMLAttributes<HTMLDivElement> & {
   children: any;
   size: number;
-}
+};
 
-const CellGrid: FC<IProps> = ({
-  children,
-  size,
-  className,
-  ...props
-}) => (
+const CellGrid: FC<IProps> = ({ children, size, className, ...props }) => (
   <div
     className={classNames(styles.grid, className)}
     style={{ gridTemplateColumns: `repeat(auto-fit, minmax(${size}px, 1fr))` }}

src/components/containers/CommentWrapper/styles.scss

@@ -4,7 +4,7 @@
   display: flex;
   position: relative;
   box-shadow: none;
-  // box-shadow: $comment_shadow;
+  min-width: 0;
 
   &:global(.is_empty) {
     opacity: 0.5;
@@ -18,6 +18,7 @@
 
 .text {
   flex: 1;
+  min-width: 0;
 }
 
 .thumb {