From 5320168ebe680b237b09fe99087378e7497deef3 Mon Sep 17 00:00:00 2001
From: Fen Dweller <chemicalcrux@gmail.com>
Date: Fri, 24 Jul 2020 22:58:11 -0400
Subject: [PATCH] Adjust layout some more

---
 src/components/Combat.vue    |  2 +-
 src/components/Statblock.vue | 11 ++++++-----
 2 files changed, 7 insertions(+), 6 deletions(-)

diff --git a/src/components/Combat.vue b/src/components/Combat.vue
index cd5ddaf..8341441 100644
--- a/src/components/Combat.vue
+++ b/src/components/Combat.vue
@@ -149,7 +149,7 @@ export default class Combat extends Vue {
 <style scoped>
 .combat-layout {
   display: grid;
-  grid-template-rows: fit-content(40%) 10% [main-row-start] 1fr 20% [main-row-end] ;
+  grid-template-rows: fit-content(50%) 10% [main-row-start] 1fr 20% [main-row-end] ;
   grid-template-columns: 20% [main-col-start] 1fr 1fr [main-col-end] 20%;
   width: 100%;
   height: 100%;
diff --git a/src/components/Statblock.vue b/src/components/Statblock.vue
index 1fb979d..df6c0c2 100644
--- a/src/components/Statblock.vue
+++ b/src/components/Statblock.vue
@@ -1,9 +1,10 @@
 <template>
   <div @click="$emit('select')" class="statblock">
+    <div class="statblock-shader statblock-shader-hover"></div>
     <div class="statblock-shader statblock-shader-selected"></div>
+    <div class="statblock-shader statblock-shader-selected-ally"></div>
     <div class="statblock-shader statblock-shader-dead"></div>
     <div class="statblock-shader statblock-shader-eaten"></div>
-    <div class="statblock-shader statblock-shader-hover"></div>
     <div class="statblock-content">
       <h2 class="name" v-if="subject.perspective === firstperson">
         You
@@ -50,8 +51,8 @@
         </div>
       </div>
       <div>Status: {{subject.status}}</div>
-      <button v-if="subject.perspective !== firstperson" @click="subject.perspective = firstperson">First-person</button>
-      <button v-if="subject.perspective !== thirdperson" @click="subject.perspective = thirdperson">Third-person</button>
+      <button v-if="subject.perspective !== firstperson" @click.stop="subject.perspective = firstperson">First-person</button>
+      <button v-if="subject.perspective !== thirdperson" @click.stop="subject.perspective = thirdperson">Third-person</button>
       <button class="if-not-selected" @click.stop="$emit('selectAlly')">Select ally as target</button>
     </div>
   </div>
@@ -249,7 +250,7 @@ a {
 }
 
 .statblock[data-active-ally] .statblock-shader-selected-ally {
-  background: #f88;
+  background: #88f;
   opacity: 20%;
 }
 
@@ -260,7 +261,7 @@ a {
 
 .statblock:hover .statblock-shader-hover {
   background: white;
-  opacity: 10%;
+  opacity: 20%;
 }
 
 .statblock[data-active] .if-not-selected {