From 8e96d5e7edd06d5bd76875588b26a3c2c247fa45 Mon Sep 17 00:00:00 2001
From: Lucas BEE <pouulet@gmail.com>
Date: Thu, 23 Aug 2018 18:44:35 +0800
Subject: [PATCH] Hide ugly frame when focused

---
 frontend/js/components/list/posters.js | 1 +
 frontend/less/app.less                 | 4 ++++
 2 files changed, 5 insertions(+)

diff --git a/frontend/js/components/list/posters.js b/frontend/js/components/list/posters.js
index 0f297a0..74c3cdb 100644
--- a/frontend/js/components/list/posters.js
+++ b/frontend/js/components/list/posters.js
@@ -178,6 +178,7 @@ class Posters extends React.PureComponent {
     return (
       <div tabIndex="0"
           onKeyDown={(event) => this.move(event)}
+          className="poster-list"
         >
         <InfiniteScroll
           hasMore={this.props.hasMore}
diff --git a/frontend/less/app.less b/frontend/less/app.less
index 4b51f59..3c67472 100644
--- a/frontend/less/app.less
+++ b/frontend/less/app.less
@@ -45,6 +45,10 @@ body {
     }
 }
 
+.poster-list {
+  outline: none;
+}
+
 .list-filter {
     padding-bottom: 10px;
 }