more areas!

3 files changed, 21 insertions, 8 deletions

diff --git a/resources/css/menu.css b/resources/css/menu.css
index c79eebc..eb718f8 100644
--- a/resources/css/menu.css
+++ b/resources/css/menu.css
@@ -148,6 +148,7 @@
 .map {
   width: 100vw;
   max-width: 750px;
+  background-color: #000;
 }
 
 
@@ -289,6 +290,10 @@
   grid-template-columns: 1fr 1fr 1fr;
 }
 
+.item-info {
+  padding: 1rem;
+}
+
 
 
 
@@ -355,7 +360,10 @@
 .setting-highlight {
   border: 2px solid yellow !important;
 }
-.setting-highlight--map svg [data-location] {
+
+.setting-highlight--map svg [data-location],
+.setting-highlight--map svg [data-area],
+.setting-highlight--map svg [data-encounter] {
   stroke: yellow;
   stroke-width: 2px;
 }
diff --git a/resources/css/page.css b/resources/css/page.css
index 635a160..d16e542 100644
--- a/resources/css/page.css
+++ b/resources/css/page.css
@@ -34,6 +34,8 @@ svg {
   display: block;
 }
 
-svg [data-location] {
+svg [data-location],
+svg [data-area],
+svg [data-encounter] {
   cursor: pointer;
 }
diff --git a/resources/css/town.css b/resources/css/town.css
index 75a95d0..06f6f02 100644
--- a/resources/css/town.css
+++ b/resources/css/town.css
@@ -10,18 +10,21 @@
 
 
 
-.shop {
-  padding: 1rem;
-}
+.shop {}
 
 .shop__items {
   display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
   grid-gap: 1rem;
+  padding: 1rem;
 }
 
 .shop__item {
-  display: flex;
-  justify-content: space-between;
-  align-items: center;
+  text-align: center;
   cursor: pointer;
 }
+
+.shop__selection-modes {
+  padding: 1rem;
+  padding-top: 0;
+}