areas and capture and more

4 files changed, 55 insertions, 8 deletions

diff --git a/resources/css/battle.css b/resources/css/battle.css
index 748dad1..681b2e6 100644
--- a/resources/css/battle.css
+++ b/resources/css/battle.css
@@ -7,7 +7,6 @@
   flex-direction: column;
   justify-content: space-between;
 
-  background-image: url('/modules/tuxemon/mods/tuxemon/gfx/ui/combat/sea_background.png');
   background-size: cover;
 }
 
diff --git a/resources/css/menu.css b/resources/css/menu.css
index 8b0cb0b..82ba18e 100644
--- a/resources/css/menu.css
+++ b/resources/css/menu.css
@@ -112,15 +112,24 @@
 .status__area > span > span {
   margin: 0 0.5rem;
 }
+.status__area img {
+  cursor: pointer;
+}
 
 .status__numbers {
-  display: flex;
-  justify-content: space-between;
+  display: grid;
+  grid-template-columns: 1fr 1fr 1fr;
 }
 .status__numbers > span {
   display: flex;
   align-items: center;
 }
+.status__numbers > span:nth-child(2) {
+  justify-content: center;
+}
+.status__numbers > span:nth-child(3) {
+  justify-content: flex-end;
+}
 .status__numbers > span > span {
   margin-left: 0.5rem;
 }
@@ -325,3 +334,18 @@
   font-size: 2rem;
   width: 80vw;
 }
+
+
+
+
+.menu__settings {
+  padding: 1rem;
+  display: grid;
+  grid-gap: 1rem;
+}
+
+.setting-highlight {
+  border: 2px solid yellow;
+  stroke: yellow;
+  stroke-width: 2px;
+}
diff --git a/resources/css/page.css b/resources/css/page.css
index 57c46a5..635a160 100644
--- a/resources/css/page.css
+++ b/resources/css/page.css
@@ -27,3 +27,13 @@ img {
 .hidden {
   display: none;
 }
+
+svg {
+  width: 100%;
+  height: 100%;
+  display: block;
+}
+
+svg [data-location] {
+  cursor: pointer;
+}
diff --git a/resources/css/town.css b/resources/css/town.css
index b8be144..832c3d8 100644
--- a/resources/css/town.css
+++ b/resources/css/town.css
@@ -1,11 +1,25 @@
 #scene__town {}
 
-#scene__town svg {
-  width: 100%;
-  height: 100%;
-  display: block;
+
+
+
+.healing-center {
+  padding: 1rem;
+}
+
+
+
+
+.shop {
+  padding: 1rem;
+
+  display: grid;
+  grid-gap: 1rem;
 }
 
-svg [data-location] {
+.shop__item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
   cursor: pointer;
 }