테이블의 셀 전체에 링크를 걸고싶습니다.

호라이즌 게시판을 사용중인데,

https://xe1.xpressengine.com/?mid=download&package_srl=22753833

모바일에서 목록을 클릭할 때 '글자'를 클릭해야지 링크가 되는 불편함이 있어 수정을 하던 차에 질문을 하게 됐습니다.

우선 목록이 테이블 태그로 만들어졌습니다.

이 경우 찾아본 바로, 

타이틀에 display:block;을 추가하는 방법을 알게됐는데

이때 다른 댓글 갯수링크 까지 범위가 확대돼 모양이 이상하게 됩니다.

마땅한 해결법이 없어 고민에 빠져있는데 답을 주시면 감사하겠습니다! ㅜㅜ 

html

    <!-- LIST -->
            <tr loop="$document_list=>$no,$document" class="active"|cond="$document_srl==$document->document_srl">
                <block loop="$list_config=>$key,$val">
                    <td class="no" cond="$val->type=='no' && $val->idx==-1">
                        <block cond="$document_srl==$document->document_srl">&raquo;</block>
                        <block cond="$document_srl!=$document->document_srl">{$no}</block>
                    </td>
                    <td class="title" cond="$val->type=='title' && $val->idx==-1">
                        <a href="{getUrl('document_srl',$document->document_srl, 'listStyle', $listStyle, 'cpage','')}">{$document->getTitle()}</a>
                        <a cond="$document->getCommentCount()" href="{getUrl('document_srl', $document->document_srl, 'cpage', '')}#comment" class="replyNum" title="Replies">[{$document->getCommentCount()}]</a>

                <span cond="$document->isSecret()"><i class="icon-lock icons"></i></span>
                <!--@if((int)($document->getRegdate('YmdHis')>date("YmdHis", time()-(60*60*$mi->duration_new))))--><span class="new">N</span><!--@end-->

                </td>
                <td cond="$val->type=='title' && $val->idx==-1 && $mi->use_img_icon" class="imgcon">
                <!--@if($document->getThumbnail())-->
                <i class="icon-picture icons"></i>
                <!--@else-->
                <!--@end-->
                </td>
                <td class="author" cond="$val->type=='nick_name' && $val->idx==-1"><a href="#popup_menu_area" class="member_{$document->get('member_srl')}" onclick="return false">{$document->getNickName()}</a></td>
                <td class="author" cond="$val->type=='user_id' && $val->idx==-1">{$document->getUserID()}</td>
                <td class="author" cond="$val->type=='user_name' && $val->idx==-1">{$document->getUserName()}</td>
                <td class="time" cond="$val->type=='regdate' && $val->idx==-1"> <!--@if($document->getRegdate('Ymd')==date("Ymd"))-->    {$document->getRegdate('H:i:s')}
                <!--@else-->
                {$document->getRegdate('Y/m/d')}
                <!--@end--></td>
                <td class="time" cond="$val->type=='last_update' && $val->idx==-1">{zdate($document->get('last_update'),'Y/m/d')}</td>
                <td class="readNum" cond="$val->type=='readed_count' && $val->idx==-1"><i class="icon-eye icons"></i> {$document->get('readed_count')>0?$document->get('readed_count'):'0'}</td>
                <td class="voteNum" cond="$val->type=='voted_count' && $val->idx==-1"><i class="icon-like icons"></i> {$document->get('voted_count')!=0?$document->get('voted_count'):'0'}</td>
                <td cond="$val->idx!=-1">{$document->getExtraValueHTML($val->idx)}&nbsp;</td>
                </block>
                <td cond="$grant->manager" class="check"><input type="checkbox" name="cart" value="{$document->document_srl}" class="iCheck" title="Check This Article" onclick="doAddDocumentCart(this)" checked="checked"|cond="$document->isCarted()" /></td>
            </tr>
            <!-- /LIST -->

css

/* 반응형 */
@media screen and (max-width:480px){
.hrz_header {
    margin: 10px 10px 0;
}
.hrz_cate {
    margin-top: -34px;
    left: -12px;
}
.hrz_read {
    padding-top: 30px;
}
.hrz_body {
    margin : 0 10px 10px;
    padding : 50px 15px 30px;
}
.hrz_footer .hrz_taglist {
    margin: -9px 10px 4px;
}
.hrz_header .meta .action {
    position: absolute;
    right: -1px;
    top: 75px;
    padding-left: 3px;
    background: #f6f6f6;
    border: 1px solid #ddd;
}
.hrz_c {
    padding: 20px 0;
}
#cmt_toolbox {
    right: -5px !important;
    background: rgba(255,255,255,.5);
}
.hrz_c .hrz_clist {
    margin: 0;
}
.hrz_body .xe_content,
.hrz_citem .xe_content{
    font-size: 13px;
}
.hrz_c .xe_content {
    padding: 15px;
}
.hrz_c .hrz_sub .hrz_summary .sum{
    max-width: 100px;
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
}
.hrz_c .action a.action_box.grant{
    display: none;
}
.hrz_c .action .hrz_grant{
    right: 10px;
}
.hrz_bcw.re_cmt {
    right: 10px;
}
.hrz_nlist div.title a,
.hrz_blist td.title{
    font-size: 40px;
    display:block;
}
.hrz_blist td{
    display: inline-block;
    border: 0;
    width: auto;
    padding: 3px 0 9px 15px;
    line-height: 12px;
}
.hrz_blist a,
.hrz_blist td{
    color: #aaa;
}
.hrz_blist tr:first-child td.title{
    border-top: 0;
    display:block;
}
.hrz_blist td.title,
.hrz_blist tr:last-child td.title{
    border-top: 1px solid #ddd;
    border-bottom: none;
    padding: 10px 0 0 15px;
    line-height: 1.5em;
    display:block;

}
.hrz_blist td.title a{
    color: #000;
    max-width:1050px;
    background-color: lighten($grey, 31%);
    display:block;
}
.hrz_blist td.no,
.hrz_blist td.imgcon,
.hrz_blist td.check {
    display: none;
}
.hrz_glist .gbox {
    width: calc(100% - 22px) !important;
    margin: 0;
    border: 0;
    border-bottom: 1px solid #ddd;
}
.hrz_glist .gbox:first-child {
    border-top: 1px solid #ddd;
}
.hrz_glist .gbox .title img {
    width: 100% !important
}
.hrz_glist .gbox .title .doc_title {
    font-size: 15px;
    display:block;
}
form.board_write {
    padding-top: 20px;
}
form.board_write .write_profile{
    padding-left: 15px;
}
.hrz_write_form {
    padding: 15px;
}
.hrz_bts button.hrz_btn {
    margin-top: 15px;
}
.write_header .iText {
    width: 95%;
}
}