From 21e6b1432a15fad5a44c721aad8868258f127ccb Mon Sep 17 00:00:00 2001
From: Julian Lam <julian@nodebb.org>
Date: Fri, 25 Mar 2016 19:39:25 -0400
Subject: [PATCH] Fixes for nodebb/nodebb#4464

---
 less/mobile.less                              |  9 ++++++
 .../partials/modals/change_picture_modal.tpl  | 31 +++++++++++++++++--
 2 files changed, 37 insertions(+), 3 deletions(-)

diff --git a/less/mobile.less b/less/mobile.less
index 07a6981..b96c60a 100644
--- a/less/mobile.less
+++ b/less/mobile.less
@@ -12,6 +12,7 @@
 	display: none;
 }
 
+/* iPhone 5 and other such devices */
 @media (max-width: @screen-sm-max) {
 	.chat-modal {
 		width: 100%;
@@ -29,6 +30,14 @@
 			}
 		}
 	}
+
+	.account {
+		margin-top: 256px;
+
+		.cover .controls i {
+			font-size: 3em;
+		}
+	}
 }
 
 @media (max-width: @screen-md-max) {
diff --git a/templates/partials/modals/change_picture_modal.tpl b/templates/partials/modals/change_picture_modal.tpl
index 8dca31a..928f0dc 100644
--- a/templates/partials/modals/change_picture_modal.tpl
+++ b/templates/partials/modals/change_picture_modal.tpl
@@ -22,17 +22,42 @@
 <div class="btn-group btn-group-justified" role="group">
 	<!-- IF allowProfileImageUploads -->
 	<div class="btn-group" role="group">
-		<button type="button" class="btn btn-default" data-action="upload">[[user:upload_new_picture]]</button>
+		<button type="button" class="btn btn-default" data-action="upload">
+			<span class="hidden-xs">
+				[[user:upload_new_picture]]
+			</span>
+			<span class="visible-xs-inline">
+				<i class="fa fa-plus"></i>
+				<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">[[user:upload_new_picture_from_url]]</button>
+		<button type="button" class="btn btn-default" data-action="upload-url">
+			<span class="hidden-xs">
+				[[user:upload_new_picture_from_url]]
+			</span>
+			<span class="visible-xs-inline">
+				<i class="fa fa-plus"></i>
+				<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">[[user:remove_uploaded_picture]]</button>
+		<button type="button" class="btn btn-default" data-action="remove-uploaded">
+			<span class="hidden-xs">
+				[[user:remove_uploaded_picture]]
+			</span>
+			<span class="visible-xs-inline">
+				<i class="fa fa-picture-o"></i>
+				<i class="fa fa-long-arrow-right"></i>
+				<i class="fa fa-trash-o"></i>
+			</span>
+		</button>
 	</div>
 	<!-- ENDIF uploaded -->
 </div>