area progression, item usage

1 files changed, 28 insertions, 6 deletions

diff --git a/resources/css/battle.css b/resources/css/battle.css
index 2c09e5a..0052072 100644
--- a/resources/css/battle.css
+++ b/resources/css/battle.css
@@ -78,15 +78,25 @@
 .battle__monster-img {
   cursor: pointer;
   transition-property: filter;
+
+  width: 90px;
 }
 .battle__monster-img.damaged {
   filter: brightness(2);
 }
-.battle__monster-sprite__animation {
+
+.battle__technique-animation {
   position: fixed;
   z-index: 10;
 }
 
+.battle__opponent__trainer-sprite {
+  position: absolute;
+  top: 0;
+  right: 0;
+  height: 120px;
+}
+
 .battle__monster-technique {
   background-color: beige;
   border: 2px solid #000;
@@ -97,18 +107,27 @@
 
   cursor: pointer;
 }
-.battle__monster-technique__name {}
-.battle__monster-technique__types {}
-.battle__monster-technique__power {}
 
-.battle__monster--player {
-  flex-direction: row-reverse;
+
+
+
+.battle__monster--opponent {
+  align-items: flex-start;
 }
+
 .battle__monster--opponent .battle__monster-info-exp,
 .battle__monster--opponent .battle__monster-technique {
   display: none;
 }
 
+.battle__monster--player {
+  flex-direction: row-reverse;
+  align-items: flex-end;
+}
+
+
+
+
 .exp-bar {
   width: 100%;
 }
@@ -124,6 +143,9 @@
   width: 0%;
 }
 
+
+
+
 .hp-bar {
   flex-grow: 1;
 }