ayanova/src/components/wiki-control.vue

@@ -10,7 +10,14 @@
     </div>
 
     <v-sheet v-if="wikiVisible" elevation="2" class="aywiki pa-2 pa-sm-6 mt-2">
-      <v-btn x-large icon v-if="canEdit" text @click="editMode = !editMode">
+      <v-btn
+        :color="!!editMode ? 'secondary' : false"
+        x-large
+        icon
+        v-if="canEdit"
+        text
+        @click="editMode = !editMode"
+      >
         <v-icon>fa-edit</v-icon></v-btn
       >
       <div v-if="!editMode" v-html="compiledOutput()"></div>
@@ -50,7 +57,7 @@ todo:
 
 Show/hide/edit control
 eyeball icon like password reveal
-
+flag as dirty when edited
 
 if can't edit and no content then don't show at all
   - does it need to have a column wrapper then and remove it from the parent form?