diff --git a/public/css/category.less b/public/css/category.less index 1777109b9c..c91dfe1166 100644 --- a/public/css/category.less +++ b/public/css/category.less @@ -167,7 +167,7 @@ padding-top: 2px; overflow: hidden; height: 32px; - margin-bottom: 0.5em; + margin-bottom: 0.1em; } span { font-size: 12px; @@ -184,6 +184,8 @@ .sidebar-block { + display: block; + .block-header { padding: 8px; padding-left: 13px; @@ -198,7 +200,7 @@ } .block-content { padding: 10px; - .img-thumbnail { + .img-rounded { width: 20%; height: auto; max-width: 48px; @@ -209,7 +211,7 @@ padding: 0; margin-bottom: 20px; - .img-thumbnail { + .img-rounded { margin-top: 2px; } diff --git a/public/src/forum/category.js b/public/src/forum/category.js index 1bb3ea266f..6ed025ca99 100644 --- a/public/src/forum/category.js +++ b/public/src/forum/category.js @@ -83,7 +83,7 @@ li.setAttribute('data-pid', posts[i].pid); - li.innerHTML = '<a href="/users/' + posts[i].userslug + '"><img title="' + posts[i].username + '" style="width: 48px; height: 48px; /*temporary*/" class="img-thumbnail" src="' + posts[i].picture + '" class="" /></a>' + + li.innerHTML = '<a href="/users/' + posts[i].userslug + '"><img title="' + posts[i].username + '" style="width: 48px; height: 48px; /*temporary*/" class="img-rounded" src="' + posts[i].picture + '" class="" /></a>' + '<a href="/topic/'+ posts[i].topicSlug + '#' + posts[i].pid + '">' + '<p>' + '<strong>' + posts[i].username + '</strong>: ' + posts[i].content + diff --git a/public/templates/category.tpl b/public/templates/category.tpl index ba9632be6c..796be33cfd 100644 --- a/public/templates/category.tpl +++ b/public/templates/category.tpl @@ -76,7 +76,7 @@ </div> <div class="block-content"> <!-- BEGIN active_users --> - <a href="/users/{active_users.userslug}"><img title="{active_users.username}" src="{active_users.picture}" class="img-thumbnail" /></a> + <a href="/users/{active_users.userslug}"><img title="{active_users.username}" src="{active_users.picture}" class="img-rounded" /></a> <!-- END active_users --> </div> </div> @@ -86,7 +86,7 @@ </div> <div class="block-content"> <!-- BEGIN moderators --> - <a href="/users/{moderators.userslug}"><img title="{moderators.username}" src="{moderators.picture}" class="img-thumbnail" /></a> + <a href="/users/{moderators.userslug}"><img title="{moderators.username}" src="{moderators.picture}" class="img-rounded" /></a> <!-- END moderators --> </div> </div>