LT-275: Adding animation to 'Add label' button

Packages/design/styles/imports/animations.styl

@@ -1,15 +1,15 @@
-animateZoomIn()
-  animation-name: zoomInOut
+animationDefaults()
   animation-duration: 0.3s
   animation-iteration-count: 1
   animation-direction: alternate
   animation-timing-function: ease-out
+
+animateZoomIn()
+  animationDefaults()
+  animation-name: zoomInOut
   animation-fill-mode: forwards
 
 animateFadeIn()
+  animationDefaults()
   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

@@ -1,12 +1,13 @@
 @import "{design}/app"
 
 .measure-flow
+  position: relative
 
   &.open,
   &.selected
 
     .btn-add
-      display: none
+      opacity: 0
 
   .btn-add
     background-color: $activeColor
@@ -16,8 +17,14 @@
     cursor: pointer
     font-weight: bold
     height: 24px
+    left: 0
     line-height: 24px
+    opacity: 1
+    position: absolute
     padding: 0 14px
+    top: 0
+    transition(opacity 0.3s ease)
+    white-space: nowrap
 
   .select-tree-root>.tree-content
     width: 213px