What I am trying to do is the following: I want an Accordion each row having a question name (in the example below this is "Question 1") and two buttons in the title. However, there are two things going wrong.
Firstly, when clicking one of the two buttons, the accordion collapses. This I could not get fixed.
Secondly, when the accordion is closed, the buttons overlap the boundary of their row. This can be seen in the second picture.
<div class="ui vertical styled fluid accordion">
<div class="active title">
<i class="dropdown icon"></i> Question 1
<button class="ui right floated button"><i class="copy icon"></i>Copy</button>
<button class="ui right floated button"><i class="share icon"></i>Share</button>
</div>
<div class="active content">
<div class="ui celled grid">
<div class="row">
<div class="ui eight wide column">
<p>Question 1</p>
</div>
<div class="ui eight wide column">
<p>Answer: lorum ipsum en dingen</p>
</div>
</div>
</div>
</div>
</div>