anchor.diff:  						<div style="background-color: rgb(78, 156, 175); text-align: center; padding: 15px; color: white; font-weight: bold; font-size: 19px; border-radius: 14px;">Create new learning post</div>
   					</a>
                   <% else %>
  -                   	<div id="invite-req" style="background-color: rgb(78, 156, 175); text-align: center; padding: 15px; color: white; font-weight: bold; font-size: 19px; margin-top: 16px; border-radius: 14px; cursor: pointer;" >Interested? join this post!</div>
  +                   	<div id="invite-req" class="btn btn-primary side-float-btn" >Interested? join this post!</div>
                      	<div style="margin: 12px; text-align: center"><div>OR</div></div>
                      	<a style="text-decoration: none; color: inherit;" href="<%= current_user ? new_post_path : 'javascript:void(0)' %>" class="<%= current_user ? '' : 'login ga_post_create' %>">
  -						<div style="background-color: rgb(78, 156, 175); text-align: center; padding: 15px; color: white; font-weight: bold; font-size: 19px; border-radius: 14px;">Create new learning post</div>
  +						<div class="btn btn-primary side-float-btn">Create new learning post</div>
   					</a>
                   <% end %>
               <% elsif !@post.is_member?(current_user) %>
   
  -				<div style="background-color: rgb(78, 156, 175); text-align: center; padding: 15px; color: white; font-weight: bold; font-size: 19px; margin-top: 16px; border-radius: 14px; cursor: pointer;" > Join request sent already</div>
  +				<div class="btn btn-primary side-float-btn"> Join request sent already</div>
   			<% end %>
   		<% end %>
   
   	</div>
   	
  -	<div class="post-detail" style="width: 69%; display: inline-block; float: right; margin-right: 37px; text-align: left;">
  +	<div class="post-detail">
   		
  -		<h3 style="font-weight: bold;"><%= (@post.is_closed? ? "[Closed] " : "" ) + @post.title%></h3>
  -		<% if @post.user == current_user && !@post.is_closed? %>
  -			<%= link_to close_post_path(@post), :"data-confirm" => "Are you sure?\nAfter closing this post no new member can send join request", :title => "This will not allow any new member to join the post", :method => "post", :class => "btn btn-danger", :style => "font-size: 12px; padding: 2px;" do %>
  -				Mark as closed
  -			<% end %>
  -		<% end %>
  -		<hr>
  -		<div class="post-area">
  -
  -			<div class="vote-area">
  -				<%= link_to 'upvote', post_votes_path(@post, :vote_type => 1), :class => "upvote arrow-up #{@post.user_vote_type(current_user) == Vote::TYPE[:upvote] ? 'upvoted' : ''}" , :title => "Post is clear and shows dedication for learning", remote: true, method: :post%>
  -				<br>
  -				<div class="vote-count" ><%= @post.total_vote_count %></div>
  -				
  -				<%= link_to 'downvote', post_votes_path(@post, :vote_type => 2), :class => "downvote arrow-down #{@post.user_vote_type(current_user) == Vote::TYPE[:downvote] ? 'downvoted' : ''}", :title => "Post is not clear and does not shows dedication for learning" , remote: true, method: :post %>
  +		<div class="post-detail-card">
  +			<div class="post-info">
  +				<h3 style="font-weight: bold;"><%= (@post.is_closed? ? "[Closed] " : "" ) + @post.title%></h3>
  +				<% if @post.user == current_user && !@post.is_closed? %>
  +					<%= link_to close_post_path(@post), :"data-confirm" => "Are you sure?\nAfter closing this post no new member can send join request", :title => "This will not allow any new member to join the post", :method => "post", :class => "btn btn-danger", :style => "font-size: 12px; padding: 2px;" do %>
  +						Mark as closed
  +					<% end %>
  +				<% end %>
  +				<hr>
  +				<div class="post-area">
  +
  +					<div class="vote-area">
  +						<%= link_to 'upvote', post_votes_path(@post, :vote_type => 1), :class => "upvote arrow-up #{@post.user_vote_type(current_user) == Vote::TYPE[:upvote] ? 'upvoted' : ''}" , :title => "Post is clear and shows dedication for learning", remote: true, method: :post%>
  +						<br>
  +						<div class="vote-count" ><%= @post.total_vote_count %></div>
  +						
  +						<%= link_to 'downvote', post_votes_path(@post, :vote_type => 2), :class => "downvote arrow-down #{@post.user_vote_type(current_user) == Vote::TYPE[:downvote] ? 'downvoted' : ''}", :title => "Post is not clear and does not shows dedication for learning" , remote: true, method: :post %>
  +					</div>
  +					<div style="width: 100%;"> 
  +						<p style="margin-bottom: 20px; display: inline;">
  +							<%= markdown(@post.message) %>
  +						</p>
  +						<span style="display: block; margin-top: 20px;">
  +							<span class="post-skills"></span>
  +							<span class="skill-wrap">
  +								<span class="background">
  +									<span class="back-text">Background</span>
  +								</span>
  +								<span class="main-skills">
  +									<%= @post.skills.first.title rescue "NA" %>
  +								</span>
  +							</span>			
  +									
  +						</span>
  +					</div>
  +					
  +				</div>
  +				<div class="comment-section js_comment_sec">
  +					<div class="comment-info">
  +						<i class="fa fa-caret-down js_caret_down" aria-hidden="true"></i>
  +						<i class="fa fa-caret-up js_caret_up" aria-hidden="true" style="display: none;"></i>
  +						<span><%= @post.comments.count %></span> <span> Comments</span>
  +					</div>
  +					<div style="clear: both;"></div>
  +				</div>
  +
  +
  +				<div style="padding: 16px; text-align: left; background-color: #fafafa; display: none;" class="js_all_comments">
  +					<p style="font-weight: bold; border-bottom: 1px solid rgb(168, 168, 168);">Comments</p>
  +					<div id="comment-list">
  +						<% @post.comments.reorder(id: :asc).each do |c| %>
  +							<%= render :partial => 'single_chat', :locals => {:comment => c} %>
  +						<% end %>
  +					</div>
  +
  +
  +					<%= form_for Comment.new, :url => post_comments_path(@post), remote: true do |f| %>
  +							<div class="form-group">
  +							<%= f.text_field :message, :class => "form-control", :id => "comment", :style => "width: 560px; display: inline;" %>
  +							<%= f.submit "Comment", :class => "btn-primary ajax-loader" %>
  +							</div>
  +						
  +					<% end %>
  +				</div>
   			</div>
  -			<div > 
  -				<p style="margin-bottom: 20px; display: inline;">
  -					<%= markdown(@post.message) %>
  -				</p>
  -				<span style="display: block;">
  -					<span class="post-skills"></span>
  -					<span class="skill-wrap">
  -						<span class="background">
  -							<span class="back-text">Background</span>
  -						</span>
  -						<span class="main-skills">
  -							<%= @post.skills.first.title rescue "NA" %>
  -						</span>
  -					</span>			
  -							
  -				</span>
  -			</div>
  -			
   		</div>	
   
   		<% if !@post.is_closed? && !@post.is_member?(current_user) && !@post.user_requested?(current_user) %>
  
positive.code: 				position: unset !important;
  				float: unset !important;
  				display: block !important;
  
  			}
  			.post-detail {
  
negative.code: 
  
  
  		</div>
  
  	</div>
  