Adjust layout some more

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%;

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 {