From 94fdba9a31c02b817afc5832a488194ecde23132 Mon Sep 17 00:00:00 2001
From: Asaad Mahmood <asaadmahmood@users.noreply.github.com>
Date: Thu, 15 Jun 2017 20:07:00 +0500
Subject: Ui improvements (#6651)

* PLT-6691 - Centering emoji in post view

* PLT-6737 - FIxing on hover style for heade icons

* PLT-6768 - Fixing error on profile picture

* PLT-6792 - Fixing link preview image not resizing

* PLT-6793 - User popover position on mobile
---
 webapp/components/setting_picture.jsx | 10 +++++++---
 1 file changed, 7 insertions(+), 3 deletions(-)

(limited to 'webapp/components/setting_picture.jsx')

diff --git a/webapp/components/setting_picture.jsx b/webapp/components/setting_picture.jsx
index 93d41a312..2d389a902 100644
--- a/webapp/components/setting_picture.jsx
+++ b/webapp/components/setting_picture.jsx
@@ -102,14 +102,14 @@ export default class SettingPicture extends Component {
         }
 
         return (
-            <ul className='section-max'>
+            <ul className='section-max form-horizontal'>
                 <li className='col-xs-12 section-title'>{this.props.title}</li>
                 <li className='col-xs-offset-3 col-xs-8'>
                     <ul className='setting-list'>
                         <li className='setting-list-item'>
                             {img}
                         </li>
-                        <li className='setting-list-item'>
+                        <li className='setting-list-item padding-top x2'>
                             <FormattedMessage
                                 id='setting_picture.help'
                                 defaultMessage='Upload a profile picture in BMP, JPG, JPEG or PNG format, at least {width}px in width and {height}px height.'
@@ -120,7 +120,11 @@ export default class SettingPicture extends Component {
                             />
                         </li>
                         <li className='setting-list-item'>
-                            <FormError errors={[this.props.clientError, this.props.serverError]}/>
+                            <hr/>
+                            <FormError
+                                errors={[this.props.clientError, this.props.serverError]}
+                                type={'modal'}
+                            />
                             <span className='btn btn-sm btn-primary btn-file sel-btn'>
                                 <FormattedMessage
                                     id='setting_picture.select'
-- 
cgit v1.2.3-1-g7c22