small fixes, cleans up API

lootalot_front/src/components/Wealth.vue

@@ -2,11 +2,11 @@
   <section class="level is-mobile">
     <div class="level-left">
       <div class="level-item">
-	    <span class="icon is-large" @click="edit = !edit">
+	    <span class="icon is-large" @click="editing = !editing">
 	      <i class="fas fa-2x fa-piggy-bank"></i>
 	    </span>
       </div>
-      <template v-if="edit">
+      <template v-if="editing">
       <div class="level-item">
         <div class="field has-addons">
           <p class="control">
@@ -56,7 +56,7 @@
         props: ["wealth", "debt"],
         data () { 
             return {
-            	edit: false,
+            	editing: false,
                 edit_value: 0,
             }; 
         },
@@ -66,9 +66,13 @@
                 this.resetValues();
             },
             resetValues () {
-            	this.edit = false;
+            	this.editing = false;
                 this.edit_value = 0;
             }
         }
     }
 </script>
+
+<style scoped>
+    .input { max-width: 9em; }
+</style>