diff --git a/src/App.vue b/src/App.vue index 8f1747a..c308458 100644 --- a/src/App.vue +++ b/src/App.vue @@ -186,7 +186,7 @@ footer { } #app { - font-size: calc(0.75vw + 0.6rem); + font-size: calc(0.75vw + 0.7rem); } header { diff --git a/src/components/InputsSection.vue b/src/components/InputsSection.vue index a53c810..d47053c 100644 --- a/src/components/InputsSection.vue +++ b/src/components/InputsSection.vue @@ -362,4 +362,3 @@ export default defineComponent({ } } - diff --git a/src/components/ListSection.vue b/src/components/ListSection.vue index fb10c00..1c44464 100644 --- a/src/components/ListSection.vue +++ b/src/components/ListSection.vue @@ -503,8 +503,7 @@ ul { overflow: auto; - height: 50vh; - min-height: 500px; + height: 70vh; margin-top: 1em; } @@ -512,6 +511,7 @@ ul > li { display: flex; align-items: center; justify-content: space-between; + min-width: 500px; margin: 0.25em 0; @@ -601,9 +601,6 @@ li > .stock-info { ul { min-height: auto; } - li > .stock-info { - font-size: 0.9em; - } } diff --git a/src/components/LogoSection.vue b/src/components/LogoSection.vue index db252cd..89627e1 100644 --- a/src/components/LogoSection.vue +++ b/src/components/LogoSection.vue @@ -25,6 +25,9 @@ export default { img { width: 25em; + @media screen and (max-width: 400px) { + width: 20em; + } } diff --git a/src/components/TrainImageSection.vue b/src/components/TrainImageSection.vue index 1d8e748..4f28ec3 100644 --- a/src/components/TrainImageSection.vue +++ b/src/components/TrainImageSection.vue @@ -116,6 +116,7 @@ export default defineComponent({ grid-column: 1; margin-top: 2em; + height: 290px; } .train-image {