update styles

inker · Jul 6, 2024 · 751532a · 751532a
1 parent d84707e
commit 751532a
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git 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
@@ -24,6 +24,10 @@ const Root = styled.div`
 const MatrixWrapper = styled.div`
   display: flex;
   gap: 16px;
+
+  @media (orientation: portrait) {
+    flex-direction: column;
+  }
 `;
 
 interface Props {