Add delete button for Measure (UI only, not hooked up).

web/src/components/measure-details/SimpleDetails.vue

@@ -15,7 +15,6 @@
         </tr>
       </tbody>
     </v-table>
-    <SimpleEntry :measure=measure v-model=
   </div>
 </template>
 <script lang="ts" src="./simple-details.ts"></script>

web/src/styles/ui-common.scss

@@ -1,5 +1,6 @@
 @import '~@/styles/vars';
 
+button,
 .btn,
 .btn-action {
   border: 0;

web/src/views/Measure.vue

@@ -5,6 +5,7 @@
         <h1>{{measure.name}}</h1>
         <h2>{{measure.description}}</h2>
       </div>
+      <button><fa-icon icon=trash></fa-icon></button>
       <router-link :to="'/new/measurement/' + measure.slug" class=btn-action>Add Measurement</router-link>
     </div>
     <MeasureDetails :measure=measure :measurements=measurements />

web/src/views/measure.scss

@@ -1,3 +1,7 @@
 @import '~@/styles/vars';
 
-
+.header-action button {
+  margin-left: auto;
+  margin-right: 2rem;
+  background-color: none;
+}

web/src/views/measure.ts

@@ -1,8 +1,12 @@
 import { Component, Prop, Vue } from 'vue-property-decorator';
+import { library } from '@fortawesome/fontawesome-svg-core';
+import { faTrash } from '@fortawesome/free-solid-svg-icons';
 import { Measure as MeasureModel, MeasureConfig } from '@/models';
 import { measureStore, measurementStore } from '@/store';
 import MeasureDetails from '@/components/measure-details/MeasureDetails.vue';
 
+library.add(faTrash);
+
 @Component({
   components: {
     MeasureDetails