From 751532aae5bc3431270da2459fc7ee4fc0d88136 Mon Sep 17 00:00:00 2001
From: Anton Veselev <anton.veselyev@gmail.com>
Date: Sat, 6 Jul 2024 18:33:32 +0100
Subject: [PATCH] update styles

---
 src/containers/LeagueStage/MatchesTable.tsx | 2 ++
 src/containers/LeagueStage/index.tsx        | 4 ++++
 2 files changed, 6 insertions(+)

diff --git a/src/containers/LeagueStage/MatchesTable.tsx b/src/containers/LeagueStage/MatchesTable.tsx
index 66d56553..f48065c7 100644
--- a/src/containers/LeagueStage/MatchesTable.tsx
+++ b/src/containers/LeagueStage/MatchesTable.tsx
@@ -5,6 +5,8 @@ import getCountryFlagUrl from '#utils/getCountryFlagUrl';
 import { type Country } from '#model/types';
 
 const Table = styled.table`
+  flex-shrink: 0;
+  table-layout: fixed;
   border-collapse: collapse;
   border: 1px double rgb(128 128 128);
   font-size: 10px;
diff --git a/src/containers/LeagueStage/index.tsx b/src/containers/LeagueStage/index.tsx
index e26080ae..e13d1cf2 100644
--- a/src/containers/LeagueStage/index.tsx
+++ b/src/containers/LeagueStage/index.tsx
@@ -24,6 +24,10 @@ const Root = styled.div`
 const MatrixWrapper = styled.div`
   display: flex;
   gap: 16px;
+
+  @media (orientation: portrait) {
+    flex-direction: column;
+  }
 `;
 
 interface Props {