Fix descriptions not appearing consistently

src/components/ActionButton.vue

@@ -1,5 +1,5 @@
 <template>
-  <button @focus="describe" @mouseover="describe" class="action-button" @click="execute">
+  <button @focus="describe" @mouseover="describe" @mouseleave="undescribe" class="action-button" @click="execute">
     <div class="action-title">{{ action.name }}</div>
     <div class="action-desc">{{ action.desc }}</div>
   </button>
@@ -80,10 +80,12 @@ export default class ActionButton extends Vue {
 .action-title {
   font-size: 125%;
   color: #eee;
+  pointer-events: none;
 }
 
 .action-desc {
   color: #ccc;
+  pointer-events: none;
 }
 
 </style>

src/components/Combat.vue

@@ -40,7 +40,7 @@
         <ActionButton @described="described" @executed="executedRight" v-for="(action, index) in right.validActions(right)" :key="'right-' + action.name + '-' + index" :action="action" :user="right" :target="right" :combatants="combatants" />
       </div>
     </div>
-    <div v-if="actionDescVisible && encounter.winner === null" class="action-description">
+    <div v-show="actionDescVisible && encounter.winner === null" class="action-description">
     </div>
     <button @click="$emit('leave-combat')" v-if="encounter.winner !== null" class="exit-combat">
       Exit Combat
@@ -59,7 +59,6 @@ import { LogEntry, LogLine, nilLog } from '@/game/interface'
 import Statblock from './Statblock.vue'
 import ActionButton from './ActionButton.vue'
 import { Side, Encounter } from '@/game/combat'
-import { NoAI } from '../game/ai'
 import { World } from '@/game/world'
 
 @Component(