Merge pull request #1302 from ghosind/master

Fix bug and linter.

Author: le0pard

src/views/OutputComponent.tsx

@@ -11,7 +11,7 @@ const CharGroupComponent = ({group}: {group: Char[]}) => {
  return (
  <span
  className="char-group"
- style={css.charGroup(attributes)}>
+ style={attributes && css.charGroup(attributes)}>
  {group.map(char => char.value).join("")}
  </span>
  );

src/views/index.html

@@ -7,11 +7,13 @@
  <style>
  @import url('https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,400i,700');
  ::selection {
- background: rgba(255, 255, 125, 0.99) color:#032764;
+ background: rgba(255, 255, 125, 0.99);
+ color: #032764;
  }
 
  * ::selection {
- background: rgba(255, 255, 125, 0.99) color:#032764;
+ background: rgba(255, 255, 125, 0.99);
+ color: #032764;
  }
 
  * {
@@ -24,6 +26,7 @@
 
  html {
  -webkit-backface-visibility: hidden;
+ backface-visibility: hidden;
  }
 
  body {
@@ -145,6 +148,7 @@
  -webkit-margin-after: 0;
  -webkit-padding-start: 0;
  -webkit-user-select: none;
+ user-select: none;
  list-style: none;
  padding-left: 68px;
  padding-right: 129px;