From f99006f48b49f50696319b645b0856417c77c3ae Mon Sep 17 00:00:00 2001
From: Andrei Dekterev <andreidekterev@MacBook-Air-Andrei.local>
Date: Thu, 21 Apr 2022 18:03:36 +0700
Subject: [PATCH] fix(#2317): fix outline for iphone se

---
 package-lock.json                             | 59 ++++++++++++++++++-
 .../CardFrontside/MatchCardMobile/styled.tsx  |  1 +
 .../components/Tournament/styled.tsx          |  1 +
 3 files changed, 60 insertions(+), 1 deletion(-)

diff --git a/package-lock.json b/package-lock.json
index c30b6356..bab0f7a3 100644
--- a/package-lock.json
+++ b/package-lock.json
@@ -16,6 +16,8 @@
         "hls.js": "^0.14.15",
         "lodash": "^4.17.15",
         "m3u8-parser": "^4.7.0",
+        "mobx": "^6.5.0",
+        "mobx-react": "^7.3.0",
         "oidc-client": "^1.11.5",
         "react": "^17.0.2",
         "react-datepicker": "^3.1.3",
@@ -22946,6 +22948,60 @@
         "mkdirp": "bin/cmd.js"
       }
     },
+    "node_modules/mobx": {
+      "version": "6.5.0",
+      "resolved": "https://registry.npmjs.org/mobx/-/mobx-6.5.0.tgz",
+      "integrity": "sha512-pHZ/cySF00FVENDWIDzJyoObFahK6Eg4d0papqm6d7yMkxWTZ/S/csqJX1A3PsYy4t5k3z2QnlwuCfMW5lSEwA==",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mobx"
+      }
+    },
+    "node_modules/mobx-react": {
+      "version": "7.3.0",
+      "resolved": "https://registry.npmjs.org/mobx-react/-/mobx-react-7.3.0.tgz",
+      "integrity": "sha512-RGEcwZokopqyJE5JPwXKB9FWMSqFM9NJVO2QPI+z6laJTJeBHqvPicjnKgY5mvihxTeXB1+72TnooqUePeGV1g==",
+      "dependencies": {
+        "mobx-react-lite": "^3.3.0"
+      },
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mobx"
+      },
+      "peerDependencies": {
+        "mobx": "^6.1.0",
+        "react": "^16.8.0 || ^17"
+      },
+      "peerDependenciesMeta": {
+        "react-dom": {
+          "optional": true
+        },
+        "react-native": {
+          "optional": true
+        }
+      }
+    },
+    "node_modules/mobx-react-lite": {
+      "version": "3.3.0",
+      "resolved": "https://registry.npmjs.org/mobx-react-lite/-/mobx-react-lite-3.3.0.tgz",
+      "integrity": "sha512-U/kMSFtV/bNVgY01FuiGWpRkaQVHozBq5CEBZltFvPt4FcV111hEWkgwqVg9GPPZSEuEdV438PEz8mk8mKpYlA==",
+      "funding": {
+        "type": "opencollective",
+        "url": "https://opencollective.com/mobx"
+      },
+      "peerDependencies": {
+        "mobx": "^6.1.0",
+        "react": "^16.8.0 || ^17"
+      },
+      "peerDependenciesMeta": {
+        "react-dom": {
+          "optional": true
+        },
+        "react-native": {
+          "optional": true
+        }
+      }
+    },
     "node_modules/move-concurrently": {
       "version": "1.0.1",
       "resolved": "https://registry.npmjs.org/move-concurrently/-/move-concurrently-1.0.1.tgz",
@@ -50764,7 +50820,8 @@
     "mobx-react-lite": {
       "version": "3.3.0",
       "resolved": "https://registry.npmjs.org/mobx-react-lite/-/mobx-react-lite-3.3.0.tgz",
-      "integrity": "sha512-U/kMSFtV/bNVgY01FuiGWpRkaQVHozBq5CEBZltFvPt4FcV111hEWkgwqVg9GPPZSEuEdV438PEz8mk8mKpYlA=="
+      "integrity": "sha512-U/kMSFtV/bNVgY01FuiGWpRkaQVHozBq5CEBZltFvPt4FcV111hEWkgwqVg9GPPZSEuEdV438PEz8mk8mKpYlA==",
+      "requires": {}
     },
     "move-concurrently": {
       "version": "1.0.1",
diff --git a/src/features/MatchCard/CardFrontside/MatchCardMobile/styled.tsx b/src/features/MatchCard/CardFrontside/MatchCardMobile/styled.tsx
index 2bb776e0..b0671301 100644
--- a/src/features/MatchCard/CardFrontside/MatchCardMobile/styled.tsx
+++ b/src/features/MatchCard/CardFrontside/MatchCardMobile/styled.tsx
@@ -41,6 +41,7 @@ export const CardWrapper = styled.div`
   cursor: pointer;
   ${isMobileDevice
     ? css`
+        padding-bottom: 0;
         position: static;
         display: flex;
         width: 100%;
diff --git a/src/features/TournamentList/components/Tournament/styled.tsx b/src/features/TournamentList/components/Tournament/styled.tsx
index 2b5464ff..a8b67aad 100644
--- a/src/features/TournamentList/components/Tournament/styled.tsx
+++ b/src/features/TournamentList/components/Tournament/styled.tsx
@@ -16,6 +16,7 @@ export const CardWrapperOuter = styled.li.attrs({
         width: 100%;
         padding-top: 0;
         margin-bottom: 5px;
+        outline: none;
         }
       `
     : ''};