Update colors for the Explore view and uncap its max width (same for Profile)

src/components/Explore.vue

@@ -108,16 +108,20 @@ export default class Explore extends Vue {
                        "worldinfo log log statblock"
                        "worldinfo log log wallet"
                        "nav nav choices containers  ";
-  grid-template-rows: fit-content(50%) 1fr fit-content(10%) 18rem;
+  grid-template-rows: fit-content(50%) 1fr fit-content(10%) 12rem;
   grid-template-columns: 1fr 1fr 1fr 1fr;
+  grid-gap: 8px;
   width: 100%;
-  height: 100%;
-  max-width: 1500px;
-  margin: auto;
+  height: calc(100% - 16px);
+  margin-top: 8px;
+  margin-left: auto;
+  margin-right: auto;
+  margin-bottom: 8px;
   overflow: hidden;
 }
 
 .explore-containers {
+  background: #222;
   grid-area: containers;
   display: flex;
   flex-direction: column;
@@ -143,7 +147,7 @@ export default class Explore extends Vue {
 
 .explore-worldinfo {
   grid-area: worldinfo;
-  background: #111;
+  background: #222;
   padding: 8px;
 }
 
@@ -153,16 +157,18 @@ export default class Explore extends Vue {
 }
 
 .explore-statblock {
+  background: #222;
   grid-area: statblock;
 }
 
 .explore-wallet {
+  background: #222;
   grid-area: wallet;
 }
 
 .explore-info {
   grid-area: info;
-  background: #333;
+  background: #222;
   display: flex;
   flex-direction: column;
   flex-wrap: none;
@@ -185,7 +191,7 @@ export default class Explore extends Vue {
   padding: 8px;
   position: relative;
   grid-area: nav;
-  background: #444;
+  background: #222;
   display: grid;
   justify-content: center;
   align-content: center;
@@ -202,7 +208,7 @@ export default class Explore extends Vue {
 .explore-choices {
   padding: 8px;
   grid-area: choices;
-  background: #555;
+  background: #222;
   display: flex;
   flex-direction: column;
   overflow-y: scroll;

src/components/Profile.vue

@@ -67,7 +67,6 @@ export default class Explore extends Vue {
   grid-template-columns: 1fr 1fr;
   width: 100%;
   height: 100%;
-  max-width: 1500px;
   margin: auto;
 }