diff --git a/src/components/Explore.vue b/src/components/Explore.vue index 33ad97d..31dc5bd 100644 --- a/src/components/Explore.vue +++ b/src/components/Explore.vue @@ -110,6 +110,7 @@ export default class Explore extends Vue { .explore-worldinfo { grid-area: worldinfo; background: #111; + padding: 8px; } .worldinfo-date, @@ -125,6 +126,7 @@ export default class Explore extends Vue { flex-wrap: none; justify-content: start; align-items: center; + padding: 8px; } .location-name { @@ -138,6 +140,7 @@ export default class Explore extends Vue { } .explore-nav { + padding: 8px; position: relative; grid-area: nav; background: #444; @@ -150,12 +153,13 @@ export default class Explore extends Vue { grid-template-rows: 1fr 1fr 1fr; grid-template-columns: 1fr 1fr 1fr; width: 100%; - max-width: 1000px; height: 100%; + max-width: 1000px; justify-self: end; } .explore-choices { + padding: 8px; grid-area: choices; background: #555; display: flex; diff --git a/src/components/NavButton.vue b/src/components/NavButton.vue index af05e25..527a7e2 100644 --- a/src/components/NavButton.vue +++ b/src/components/NavButton.vue @@ -44,7 +44,7 @@ export default class NavButton extends Vue { padding: 5%; background: #555; color: #ccc; - font-size: 200%; + font-size: 18pt; border-color: #ccc; border-width: 3px; border-radius: 8px;