From 826f0eaa73b6b1b40e4a1ddb078d2a896fabd966 Mon Sep 17 00:00:00 2001
From: Jonathan Bernard <jonathan@jdbernard.com>
Date: Sun, 16 Feb 2020 23:21:56 -0600
Subject: [PATCH] web: Add support for decimal measure values.

---
 web/src/components/measure-summaries/MeasureSummary.vue | 2 +-
 web/src/components/measurement-entry/SimpleEntry.vue    | 2 +-
 web/src/components/measurement-entry/simple-entry.ts    | 2 +-
 web/src/views/user-account.scss                         | 4 +++-
 4 files changed, 6 insertions(+), 4 deletions(-)

diff --git a/web/src/components/measure-summaries/MeasureSummary.vue b/web/src/components/measure-summaries/MeasureSummary.vue
index a22146c..f03faaa 100644
--- a/web/src/components/measure-summaries/MeasureSummary.vue
+++ b/web/src/components/measure-summaries/MeasureSummary.vue
@@ -1,5 +1,5 @@
 <template>
-  <div v-if="measure.config.isVisible" class="measure-summary" :data-name="'measure-' + measure.slug">
+  <div v-if="measure.config.isVisible" v-bind:key="measure.slug" class="measure-summary" :data-name="'measure-' + measure.slug">
     <h2><router-link
         :to="'/measures/' + measure.slug">
         {{measure.name}}</router-link></h2>
diff --git a/web/src/components/measurement-entry/SimpleEntry.vue b/web/src/components/measurement-entry/SimpleEntry.vue
index de48c94..7fd4f6b 100644
--- a/web/src/components/measurement-entry/SimpleEntry.vue
+++ b/web/src/components/measurement-entry/SimpleEntry.vue
@@ -12,7 +12,7 @@
     </div>
     <div>
       <label for=measurementValue>{{measure.name}}</label>
-      <input required type=number v-model=value.value :disabled=disabled />
+      <input name=measurementValue required type=number step=any v-model.number=value.value :disabled=disabled />
     </div>
   </fieldset>
 </template>
diff --git a/web/src/components/measurement-entry/simple-entry.ts b/web/src/components/measurement-entry/simple-entry.ts
index 05d7fb2..112d6f1 100644
--- a/web/src/components/measurement-entry/simple-entry.ts
+++ b/web/src/components/measurement-entry/simple-entry.ts
@@ -5,7 +5,7 @@ import { Measure, MeasureConfig, MeasureType, Measurement, MeasurementMeta } fro
 export class SimpleEntry extends Vue {
   @Prop() public measure!: Measure<MeasureConfig>;
   @Prop() public value!: Measurement<MeasurementMeta>;
-  @Prop() public disabled: boolean = false;
+  @Prop() public disabled!: boolean;
   private editTimestamp: boolean = false;
 
   @Watch('value', { immediate: true, deep: true })
diff --git a/web/src/views/user-account.scss b/web/src/views/user-account.scss
index adc1e31..a17c3ad 100644
--- a/web/src/views/user-account.scss
+++ b/web/src/views/user-account.scss
@@ -1,5 +1,7 @@
 .user-account {
+  justify-content: flex-start;
+
   section {
-    margin-top: 1rem;
+    margin-top: 2rem;
   }
 }