JSFiddle - React, Tailwind, and code Playground
HTML
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
<script src="https://code.jquery.com/jquery-2.2.4.min.js"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<div class="panel-group-custom" id="panel">
<div class="panel panel-default mb-0 no-border">
<div class="panel-heading panel-heading-custom" >
<h4 class="panel-title">
<div data-toggle="collapse" data-parent="#panel" data-target="#collapse1" class="accordion-title">
<div class="row">
<div class="overflow-hidden">
<div class="col-md-2">
<span class="ticket-heading1" title="Ticket ID"><i class="fa fa-ticket" aria-hidden="true"></i> SupportTicket ticket_id </span>
</div>
<div class="col-md-7"><span class="ticket-title">SupportTicket title</span></div>
<div class="col-md-2">
<span class="ticket-heading2" title="Ticket created on"><i class="fa fa-calendar" aria-hidden="true"></i>
18-08-2017
</span>
</div>
<div class="col-md-1">
<span class="accordion-down">
<i class="fa fa-chevron-down dropdown-toggle down-arrow2" aria-hidden="true"></i>
</span>
</div>
</div>
</div>
</div>
</h4>
</div>
<div id="collapse1" class="panel-collapse collapse">
<div class="panel-body">
<div class="hidden-overflow ticket">
<div class="full-width hidden-overflow ticket-chat">
<p class="color-4 ticket-content">
SupportTicket description
</p>
<p class="color-1 pull-right ticket-content"> <span class="resolution">Feedback</span>
SupportTicket resolution_text
<span class="ticket-updated"><span class="bolder"><i class="fa...