From 71bd96f97890c4a0a1b5f26a8101fb3b06eb5c82 Mon Sep 17 00:00:00 2001
From: Ben Gotow <bengotow@gmail.com>
Date: Tue, 15 Dec 2015 11:56:31 -0800
Subject: [PATCH] fix(aliases): Add note that aliases may need to be setup

---
 .../preferences/lib/tabs/preferences-account-details.jsx | 7 +++++++
 .../preferences/stylesheets/preferences-accounts.less    | 9 +++++----
 .../preferences/stylesheets/preferences.less             | 4 ++--
 3 files changed, 14 insertions(+), 6 deletions(-)

diff --git a/internal_packages/preferences/lib/tabs/preferences-account-details.jsx b/internal_packages/preferences/lib/tabs/preferences-account-details.jsx
index c694e9462..b162f4ed9 100644
--- a/internal_packages/preferences/lib/tabs/preferences-account-details.jsx
+++ b/internal_packages/preferences/lib/tabs/preferences-account-details.jsx
@@ -142,7 +142,14 @@ class PreferencesAccountDetails extends Component {
           value={account.label}
           onBlur={this._saveChanges}
           onChange={this._onAccountLabelUpdated} />
+
         <h3>Aliases</h3>
+
+        <div className="platform-note">
+          You may need to configure aliases with your
+          mail provider (Outlook, Gmail) before using them.
+        </div>
+
         <EditableList
           showEditIcon
           createInputProps={{placeholder: aliasPlaceholder}}
diff --git a/internal_packages/preferences/stylesheets/preferences-accounts.less b/internal_packages/preferences/stylesheets/preferences-accounts.less
index 78ad14d24..314511355 100644
--- a/internal_packages/preferences/stylesheets/preferences-accounts.less
+++ b/internal_packages/preferences/stylesheets/preferences-accounts.less
@@ -48,7 +48,7 @@
         border-bottom: 1px solid @border-color-divider;
 
         .items-wrapper {
-          height: 180px;
+          height: 140px;
         }
 
         &>h3 {
@@ -65,11 +65,12 @@
 
         .default-alias-selector {
           font-size: 0.9em;
-          float: right;
+          display:flex;
+          align-items: baseline;
+          padding-top: @padding-base-vertical;
 
           &>select {
-            min-width: 35%;
-            max-width: 243px;
+            flex: 1;
           }
         }
       }
diff --git a/internal_packages/preferences/stylesheets/preferences.less b/internal_packages/preferences/stylesheets/preferences.less
index 974acd2b4..4cd6a57d8 100644
--- a/internal_packages/preferences/stylesheets/preferences.less
+++ b/internal_packages/preferences/stylesheets/preferences.less
@@ -175,10 +175,10 @@
 
   .platform-note {
     padding: @padding-base-vertical @padding-base-horizontal;
-    background: @background-secondary;
+    background: fade(@black, 4%);
     border-left:3px solid @info-color;
     margin:@padding-base-vertical 0;
-    font-size:0.95em;
+    font-size:0.90em;
     &:before {
       color: @info-color;
       font-weight:600;