nodebb/nodebb#5151

less/account.less

@@ -332,6 +332,12 @@
 		.user-icon-style(46px, 2.4rem, 50%);
 	}
 
+	@media (max-width: @screen-sm) {
+		img, .user-icon {
+			display: none;
+		}
+	}
+
 	h4 {
 		line-height: 46px;
 		margin: 0;

templates/partials/modals/change_picture_modal.tpl

@@ -1,4 +1,6 @@
-<div class="list-group media">
+<div class="row">
+	<div class="col-xs-6 col-sm-8 col-md-6">
+		<div class="list-group media">
 			<button type="button" class="list-group-item" data-type="default">
 				<div class="media-left">
 					<div class="user-icon media-object"></div>
@@ -17,11 +19,11 @@
 				</div>
 			</button>
 			<!-- END pictures -->
-</div>
-
-<div class="btn-group btn-group-justified" role="group">
+		</div>
+	</div>
+	<div class="col-xs-6 col-sm-4 col-md-6">
+		<div class="btn-group-vertical btn-block" role="group">
 			<!-- IF allowProfileImageUploads -->
-	<div class="btn-group" role="group">
 			<button type="button" class="btn btn-default" data-action="upload">
 				<span class="hidden-xs hidden-sm">
 					[[user:upload_new_picture]]
@@ -31,10 +33,8 @@
 					<i class="fa fa-upload"></i>
 				</span>
 			</button>
-	</div>
 			<!-- ENDIF allowProfileImageUploads -->
 			<!-- IF config.hasImageUploadPlugin -->
-	<div class="btn-group" role="group">
 			<button type="button" class="btn btn-default" data-action="upload-url">
 				<span class="hidden-xs hidden-sm">
 					[[user:upload_new_picture_from_url]]
@@ -44,10 +44,8 @@
 					<i class="fa fa-link"></i>
 				</span>
 			</button>
-	</div>
 			<!-- ENDIF config.hasImageUploadPlugin -->
 			<!-- IF uploaded -->
-	<div class="btn-group" role="group">
 			<button type="button" class="btn btn-default" data-action="remove-uploaded">
 				<span class="hidden-xs hidden-sm">
 					[[user:remove_uploaded_picture]]
@@ -58,6 +56,7 @@
 					<i class="fa fa-trash-o"></i>
 				</span>
 			</button>
-	</div>
 			<!-- ENDIF uploaded -->
+		</div>
+	</div>
 </div>