diff --git a/webapp/components/setting_item_min.jsx b/webapp/components/setting_item_min.jsx
index f230f01980..b7752056d6 100644
--- a/webapp/components/setting_item_min.jsx
+++ b/webapp/components/setting_item_min.jsx
@@ -10,7 +10,22 @@ import React from 'react';
export default function SettingItemMin(props) {
let editButton = null;
- if (!props.disableOpen) {
+ let describeSection = null;
+ if (!props.disableOpen && Utils.isMobile()) {
+ editButton = (
+
+
+
+ {props.describe}
+
+
+ );
+ } else if (!props.disableOpen) {
editButton = (
);
+
+ describeSection = (
+
+ {props.describe}
+
+ );
}
return (
@@ -36,12 +60,7 @@ export default function SettingItemMin(props) {
>
{props.title}
{editButton}
-
- {props.describe}
-
+ {describeSection}
);
}
diff --git a/webapp/components/user_settings/user_settings_general/user_settings_general.jsx b/webapp/components/user_settings/user_settings_general/user_settings_general.jsx
index e265754d99..8aeafd60a6 100644
--- a/webapp/components/user_settings/user_settings_general/user_settings_general.jsx
+++ b/webapp/components/user_settings/user_settings_general/user_settings_general.jsx
@@ -50,6 +50,10 @@ const holders = defineMessages({
id: 'user.settings.general.uploadImage',
defaultMessage: "Click 'Edit' to upload an image."
},
+ uploadImageMobile: {
+ id: 'user.settings.general.mobile.uploadImage',
+ defaultMessage: 'Click to upload an image.'
+ },
fullName: {
id: 'user.settings.general.fullName',
defaultMessage: 'Full Name'
@@ -822,6 +826,14 @@ class UserSettingsGeneralTab extends React.Component {
defaultMessage="Click 'Edit' to add your full name"
/>
);
+ if (Utils.isMobile()) {
+ describe = (
+
+ );
+ }
}
nameSection = (
@@ -916,6 +928,14 @@ class UserSettingsGeneralTab extends React.Component {
defaultMessage="Click 'Edit' to add a nickname"
/>
);
+ if (Utils.isMobile()) {
+ describe = (
+
+ );
+ }
}
nicknameSection = (
@@ -1092,6 +1112,14 @@ class UserSettingsGeneralTab extends React.Component {
defaultMessage="Click 'Edit' to add your job title / position"
/>
);
+ if (Utils.isMobile()) {
+ describe = (
+
+ );
+ }
}
positionSection = (
@@ -1128,6 +1156,9 @@ class UserSettingsGeneralTab extends React.Component {
);
} else {
let minMessage = formatMessage(holders.uploadImage);
+ if (Utils.isMobile()) {
+ minMessage = formatMessage(holders.uploadImageMobile);
+ }
if (user.last_picture_update) {
minMessage = (