diff --git a/src/App.scss b/src/App.scss index 4fb119d..267bc52 100644 --- a/src/App.scss +++ b/src/App.scss @@ -46,7 +46,7 @@ font-size: 1rem; @include smallScreen() { - font-size: calc(0.5rem + 1.1vw); + font-size: calc(0.65rem + 1.1vw); } @include screenLandscape() { diff --git a/src/components/SceneryView/SceneryInfo/SceneryInfoRoutes.vue b/src/components/SceneryView/SceneryInfo/SceneryInfoRoutes.vue index ee1fda2..71a1941 100644 --- a/src/components/SceneryView/SceneryInfo/SceneryInfoRoutes.vue +++ b/src/components/SceneryView/SceneryInfo/SceneryInfoRoutes.vue @@ -61,9 +61,11 @@ export default defineComponent({ ul.routes-list { margin: 0.45em 0.25em; display: flex; + justify-content: center; + flex-wrap: wrap; li { - margin: 0.2em 0.25em; + margin: 0.5em 0.25em; span { padding: 0.2em 0.25em;