misc responsive fixes

public/src/forum/accountheader.js

@@ -14,7 +14,7 @@ define(function() {
 	AccountHeader.createMenu = function() {
 		var userslug = $('.account-username-box').attr('data-userslug');
 
-		var html ='<ul class="nav nav-tabs account-sub-links">\
+		var html ='<ul class="nav nav-pills account-sub-links">\
 					<li id="settingsLink"><a href="' + RELATIVE_PATH + '/user/' + userslug + '/settings">[[user:settings]]</a></li>\
 					<li id="favouritesLink"><a href="' + RELATIVE_PATH + '/user/' + userslug + '/favourites">[[user:favourites]]</a></li>\
 					<li><a href="' + RELATIVE_PATH + '/user/' + userslug + '/posts">[[global:posts]]</a></li>\

public/src/forum/accountposts.js

@@ -5,6 +5,8 @@ define(['forum/accountheader'], function(header) {
 	AccountPosts.init = function() {
 		header.init();
 
+		$('.user-favourite-posts img').addClass('img-responsive');
+
 		app.enableInfiniteLoading(function() {
 			if(!loadingMore) {
 				loadMore();
@@ -41,6 +43,7 @@ define(['forum/accountheader'], function(header) {
 			$('#category-no-topics').remove();
 
 			html = $(translatedHTML);
+			html.find('img').addClass('img-responsive');
 			$('.user-favourite-posts').append(html);
 			$('span.timeago').timeago();
 			app.createUserTooltips();

public/src/forum/favourites.js

@@ -5,6 +5,8 @@ define(['forum/accountheader'], function(header) {
 	Favourites.init = function() {
 		header.init();
 
+		$('.user-favourite-posts img').addClass('img-responsive');
+
 		app.enableInfiniteLoading(function() {
 			if(!loadingMore) {
 				loadMore();
@@ -40,6 +42,7 @@ define(['forum/accountheader'], function(header) {
 			$('#category-no-topics').remove();
 
 			html = $(translatedHTML);
+			html.find('img').addClass('img-responsive');
 			$('.user-favourite-posts').append(html);
 			$('span.timeago').timeago();
 			app.createUserTooltips();

public/templates/accountedit.tpl

@@ -2,7 +2,7 @@
 
 </div>
 
-<div class="well account">
+<div class="account">
 
 	<div id="change-picture-modal" class="modal fade" tabindex="-1" role="dialog" aria-labelledby="[[user:change_picture]]" aria-hidden="true">
 		<div class="modal-dialog">
@@ -106,7 +106,7 @@
 				</form>
 			</div>
 
-			<hr/>
+			<hr class="visible-xs visible-sm"/>
 		</div>
 
 		<div class="col-md-5">

public/templates/accountposts.tpl

@@ -2,7 +2,7 @@
 
 </div>
 
-<div class="well favourites">
+<div class="favourites">
 
 	<!-- IF !posts.length -->
 		<div class="alert alert-warning">[[topic:favourites.has_no_favourites]]</div>

public/templates/accountsettings.tpl

@@ -2,7 +2,7 @@
 
 </div>
 
-<div class="well account">
+<div class="account">
 
 	<div class="row">
 		<div class="col-md-6">

public/templates/favourites.tpl

@@ -2,7 +2,7 @@
 
 </div>
 
-<div class="well favourites">
+<div class="favourites">
 
 	<!-- IF !posts.length -->
 		<div class="alert alert-warning">[[topic:favourites.has_no_favourites]]</div>

public/templates/followers.tpl

@@ -2,13 +2,11 @@
 
 </div>
 
-<div class="well users account">
+<div class="users account">
 	<div>
 		<!-- BEGIN followers -->
 		<div class="users-box">
-			<a href="../../user/{followers.userslug}">
-				<img src="{followers.picture}" class="img-thumbnail"/>
-			</a>
+			<a href="../../user/{followers.userslug}"><img src="{followers.picture}" class="img-thumbnail"/></a>
 			<br/>
 			<div class="user-info">
 				<a href="../../user/{followers.userslug}">{followers.username}</a>

public/templates/following.tpl

@@ -2,13 +2,11 @@
 
 </div>
 
-<div class="well users account">
+<div class="users account">
 	<div>
 		<!-- BEGIN following -->
 		<div class="users-box">
-			<a href="../../user/{following.userslug}">
-				<img src="{following.picture}" class="img-thumbnail"/>
-			</a>
+			<a href="../../user/{following.userslug}"><img src="{following.picture}" class="img-thumbnail"/></a>
 			<br/>
 			<div class="user-info">
 				<a href="../../user/{following.userslug}">{following.username}</a>