Css fix on the timeline and editionmode

src/component/Input/TextAreaApp/TextAreaApp.jsx

@@ -6,7 +6,7 @@ require('./TextAreaApp.styl')
 export const TextAreaApp = props =>
   <form className={`${props.customClass} editionmode`}>
     <textarea
-      className={`${props.customClass}__text editionmode__text`}
+      className={`${props.customClass}__text editionmode__text wysiwygtext`}
       value={props.text}
       onChange={props.onChangeText}
     />

src/component/Timeline/Timeline.styl

@@ -67,7 +67,7 @@
   &__texteditor
     flex 0 1 auto
     border-top 1px solid grey
-    padding 25px 10px
+    padding 45px 10px
     &__textinput
       width 70%
       & > textarea
@@ -83,13 +83,11 @@
     &__submit
       margin 10px 0
       &__btn
-        display flex
-        width 118px
+        display inline-block
         cursor pointer
-        &:hover , &:focus
-          box-shadow shadow-all-btn
         &__icon
-          margin-left 10px
+          display inline-block
+          margin-left 20px
 
 .received
   text-align right
@@ -106,7 +104,7 @@
   .timeline
     &__texteditor
       padding 10px
-      height 220px
+      height 1500px
       &__textinput
         width 100%
       &__wrapper