Jot uses its own mini-templates for the form, the moderation block, and for the output. You can find the default tpls it uses in the assets/snippets/jot/templates directory.
The best way to customize these is to copy the one you want into a new chunk, then tell Jot to use the chunk for its tpl. Nothing should change at this point. Then modify the chunk one item at a time, checking to make sure it’s working as you intend with each modification. These tpls are a little tricky, as they use a lot of phx conditionals to control the output.
You’ll want the chunk.comment.inc.html file copied into your chunk, then you’ll want to modify this part
<span class="jot-subject">[+comment.title:limit:esc+]</span><br />
<span class="jot-poster"><b>Reply #[+comment.postnumber+] on :</b> [+comment.createdon:date=`%a %B %d, %Y, %H:%M:%S`+]</span>
<hr />
<div class="jot-message">[+comment.content:wordwrap:esc:nl2br+]</div>
<div class="jot-extra">
[+comment.editedon:isnt=`0`:then=`
<span class="jot-editby">Last Edit: [+comment.editedon:date=`%B %d, %Y, %H:%M:%S`+] by [+comment.editedby:userinfo=`username`:ifempty=` * `+]</span>
`+] [+jot.moderation.enabled:is=`1`:then=`<a target="_blank" href="http://www.ripe.net/perl/whois?searchtext=[+comment.secip+]">[+comment.secip+]</a>`+]</div>
For example, you would want
<h1 class="jot-subject">[+comment.title:limit:esc+]</h1>
Each post is already enclosed in <div> tags with plenty of classname attributes for styling:
<div class="jot-row [+chunk.rowclass+] [+comment.published:is=`0`:then=`jot-row-up`+]">
<div class="jot-comment">