Easy solution to common problem?

[seaturtle]

Greetings people!

So basically my threads and boards view is like such:


And I find this aesthetically blegh (the theme itself is excellent though)
Is there a way to turn it more into something like this:




I want the titles on one line, this is much better to look at. 
Help is much appreciated! I have tried to work it out for myself but I always end up messing up the whole layout and have to keep reinstalling the theme, oops. 

Thanks guys! 

[Brian]

Hi, seaturtle .

Can you provide a link to a page showing an example of this problem?

[seaturtle]

Oct 4, 2016 11:59:21 GMT -8 Brian said:

Hi, seaturtle .

Can you provide a link to a page showing an example of this problem?

Thanks Brian  for the response
I actually managed to figure it out in the end 

I'll post what I did anyway, just in case others may be looking for this answer too (or for future reference).

It was under the Thread List category in the style sheet:


* ======================================================
* THREAD LIST
* ====================================================== */

@thread_names_font: 15px Arial;
@thread_names_case: inherit;
@thread_names_color: @empty;
@thread_descriptions_font: @empty;
@thread_descriptions_case: inherit;
@thread_descriptions_color: @empty;
@thread_created_by_font: italic @lists_text_font;
@thread_created_by_case: inherit;
@thread_created_by_color: @empty;
@thread_last_post_link_case: inherit;
@thread_align_subject: left;
@thread_align_replies: center;
@thread_align_views: center;
@thread_align_last_post: right;

.threads.container > .content { border-width: 0; }

.threads table.list { table-layout: auto; }
.threads table.list > tbody > tr.announcement > td.icon { background-color: @bg_color_3; border-color: @bg_color_3; border-top-color: @container_inner_border_color; }
.threads table.list > tbody > tr.locked { background-color: darken(@bg_color_2, 3%); }
.threads table.list > tbody > tr:not(.spacer) > td { padding-top: 15px; padding-bottom: 15px; }
.threads table.list > tbody > tr > td:not(:first-child) { border-left-width: 0; }
.threads table.list > tbody > tr > td:not(:last-child) { border-right-width: 0; }
.threads table.list > tbody > tr > td.icon { background-color: @bg_color_1; }
.threads table.list > tbody > tr > td.latest a { text-transform: @thread_last_post_link_case; }
.threads table.list > tbody > tr > td > table > tbody > tr > td.title { padding-bottom: 3px; }
.threads table.list > tbody > tr > td > table > tbody > tr > td.title .link { padding-right: 8px; font: @thread_names_font; text-transform: @thread_names_case; color: @thread_names_color; }
.threads table.list > tbody > tr > td > table > tbody > tr > td.title br { display: none; }
.threads table.list > tbody > tr > td > table > tbody > tr > td.title .thread_description_list { font: @thread_descriptions_font; text-transform: @thread_descriptions_case; display: inline-block; }
.threads table.list > tbody > tr > td > table > tbody > tr > td.created-by { font: @thread_created_by_font; text-transform: @thread_created_by_case; color: @thread_created_by_color; }

.threads .main { text-align: @thread_align_subject; }
.threads .pages { width: 0px; }
.threads .replies { width: 0px; text-align: @thread_align_replies; }
.threads .views { width: 0px; text-align: @thread_align_views; }
.threads .latest { width: 0px; text-align: @thread_align_last_post; cursor: pointer; }
.threads .control-icons i { padding-right: 0px; }
.threads .control-icons .lock_icon, .threads .control-icons .falling_icon, .threads .control-icons .event_icon, #bookmarks.threads .bookmark_icon { width: 0; padding-right: 0; }
.threads .item.new .new-icon { margin: 6px 8px 0 0; display: inline-block; }


I changed the width values to 0 and it seemed to make everything better. Now it looks like this: