From 748e6ed55e6ed2cba58b89aa8c14ad27a7474b83 Mon Sep 17 00:00:00 2001 From: Jackie Luo Date: Wed, 6 Apr 2016 13:08:37 -0700 Subject: [PATCH] :art:(preferences): Update styling --- internal_packages/plugins/stylesheets/plugins.less | 2 +- .../stylesheets/preferences-accounts.less | 1 + .../stylesheets/preferences-mail-rules.less | 2 +- .../preferences/stylesheets/preferences.less | 12 ++++++++++-- 4 files changed, 13 insertions(+), 4 deletions(-) diff --git a/internal_packages/plugins/stylesheets/plugins.less b/internal_packages/plugins/stylesheets/plugins.less index 27d6eab90..abffbb927 100644 --- a/internal_packages/plugins/stylesheets/plugins.less +++ b/internal_packages/plugins/stylesheets/plugins.less @@ -22,7 +22,7 @@ } .plugins-view { - width: 60%; + max-width: 800px; margin: 0 auto; .new-package { margin-bottom: 50px; diff --git a/internal_packages/preferences/stylesheets/preferences-accounts.less b/internal_packages/preferences/stylesheets/preferences-accounts.less index ed5305626..13055ed8a 100644 --- a/internal_packages/preferences/stylesheets/preferences-accounts.less +++ b/internal_packages/preferences/stylesheets/preferences-accounts.less @@ -7,6 +7,7 @@ margin: 0 auto; .accounts-content { display: flex; + justify-content: center; .account-list { width: 400px; diff --git a/internal_packages/preferences/stylesheets/preferences-mail-rules.less b/internal_packages/preferences/stylesheets/preferences-mail-rules.less index 9976da5a3..58e712e2f 100644 --- a/internal_packages/preferences/stylesheets/preferences-mail-rules.less +++ b/internal_packages/preferences/stylesheets/preferences-mail-rules.less @@ -1,7 +1,7 @@ @import "ui-variables"; .container-mail-rules { - width: 80%; + max-width: 800px; margin: 0 auto; .empty-list { diff --git a/internal_packages/preferences/stylesheets/preferences.less b/internal_packages/preferences/stylesheets/preferences.less index cc016c62b..9904edf22 100644 --- a/internal_packages/preferences/stylesheets/preferences.less +++ b/internal_packages/preferences/stylesheets/preferences.less @@ -64,7 +64,7 @@ } .tab-icon { - padding-top: 15px; + padding-top: 8px; display: block; margin: auto; } @@ -96,7 +96,7 @@ } .container-appearance { - width: 40%; + width: 400px; margin: 0 auto; .appearance-mode-switch { @@ -211,3 +211,11 @@ body.platform-linux { } } } + +@media (-webkit-min-device-pixel-ratio: 2) { + .preferences-tabs { + .tab-icon { + padding-top: 15px !important; + } + } +}