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} />
+
Aliases
+
+
+ You may need to configure aliases with your
+ mail provider (Outlook, Gmail) before using them.
+
+
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;