Adjust the explore layout some more

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;

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;