delete input text in responsive to keep the same textarea

src/component/Timeline/Timeline.jsx

@@ -71,19 +71,7 @@ const Timeline = props => {
       </ul>
 
       <form className={classnames(`${props.customClass}__texteditor`, 'timeline__texteditor')}>
-        <div
-          className={classnames(`${props.customClass}__texteditor__simpletext`, 'timeline__texteditor__simpletext input-group d-inline-flex d-sm-inline-flex d-md-inline-flex d-lg-none')}>
-          <input
-            type='text'
-            className={classnames(`${props.customClass}__texteditor__simpletext__input`, 'timeline__texteditor__simpletext__input form-control')}
-            placeholder='...'
-          />
-          <div
-            className={classnames(`${props.customClass}__texteditor__simpletext__icon`, 'timeline__texteditor__simpletext__icon input-group-addon')}>
-            <i className='fa fa-font' />
-          </div>
-        </div>
-        <div className={classnames(`${props.customClass}__texteditor__wysiwyg`, 'timeline__texteditor__wysiwyg d-none d-lg-block')}>
+        <div className={classnames(`${props.customClass}__texteditor__wysiwyg`, 'timeline__texteditor__wysiwyg')}>
           <textarea />
         </div>
         <div className={classnames(`${props.customClass}__texteditor__submit`, 'timeline__texteditor__submit d-inline-flex d-lg-flex justify-content-lg-center')}>

src/component/Timeline/Timeline.styl

@@ -67,11 +67,6 @@
   &__texteditor
     flex 0 1 auto
     padding 2px
-    &__simpletext
-      display none
-      width 70%
-      &__icon
-        cursor pointer
     &__wysiwyg
       display block
       & > textarea
@@ -114,16 +109,34 @@
 
 @media (min-width: min-sm) and (max-width: max-sm)
 
-  .timeline__messagelist__item
-    margin-right 35px
+  .timeline
+    &__messagelist__item
+      margin-right 35px
+    &__texteditor
+      display flex
+      align-items center
+      &__wysiwyg
+        width 70%
+        & > textarea
+          border-radius 5px
+          height 40px
+      &__submit
+        width 30%
+        margin-left 10px
 
 /**** MEDIA 575px ****/
 
 @media (max-width: max-xs)
 
-  .timeline__texteditor
-    &__simpletext
-      margin-left 0
-      width 65%
-    &__submit
-      margin-left 10px
+  .timeline
+    &__texteditor
+      display flex
+      align-items center
+      &__wysiwyg
+        width 70%
+        & > textarea
+          border-radius 5px
+          height 40px
+      &__submit
+        width 30%
+        margin-left 10px