LT-275: Adding animation to rename and add description buttons

Packages/design/styles/common/keyframes.styl

@@ -8,3 +8,12 @@
         transform(scale(1))
     }
 }
+
+@keyframes fadeInOut {
+    from {
+        opacity: 0
+    }
+    to {
+        opacity: 1
+    }
+}

Packages/design/styles/imports/animations.styl

@@ -5,3 +5,11 @@ animateZoomIn()
   animation-direction: alternate
   animation-timing-function: ease-out
   animation-fill-mode: forwards
+
+animateFadeIn()
+  animation-name: fadeInOut
+  animation-duration: 0.3s
+  animation-iteration-count: 1
+  animation-direction: alternate
+  animation-timing-function: ease-out
+  animation-fill-mode: forwards

Packages/lesiontracker/client/components/measureFlow/measureFlow.styl

@@ -65,6 +65,9 @@
 
     .actions
       margin-top: 16px
+      opacity: 0
+      animateFadeIn()
+      animation-delay: 0.3s
 
       button
         background-color: transparent