<div class="d-flex flex-row justify-content-between my-flex-container">
  <div class="p-2 my-flex-item"><i style="vertical-align: bottom !important;display: block;position: relative;bottom: -10px;margin: 0 auto;" class="fa fa-paperclip text-md text-muted align-bottom"></i>
  </div>
  <div class="p-2 my-flex-item" style="flex: flex: 1 0 auto;"><textarea class="form-control" id="comment" style="height: 40px;border: none !important;box-shadow: none !important;padding: 5px;" rows="" placeholder="Write as message"></textarea></div>
  <div class="p-2 my-flex-item"><a href="" data-toggle="collapse" data-target="#visibility" class="white text-md">
            <i class="fa fa-cog text-muted"></i>
        </a></div>
</div>