🎨(preferences): Change spacing and button sizes

This commit is contained in:
Jackie Luo 2016-04-07 14:32:51 -07:00
parent b6f539ac7b
commit c78401c566
3 changed files with 7 additions and 8 deletions

View file

@ -62,7 +62,7 @@ class TabInstalled extends React.Component {
let devPackages = []
let devEmpty = (<span>Run with debug flags enabled to load ~/.nylas/dev/packages.</span>);
let devCTA = (<div className="btn btn-large" onClick={this._onEnableDevMode}>Enable Debug Flags</div>);
let devCTA = (<div className="btn btn-small" onClick={this._onEnableDevMode}>Enable Debug Flags</div>);
if (NylasEnv.inDevMode()) {
devPackages = this.state.packages.dev || [];
@ -72,14 +72,14 @@ class TabInstalled extends React.Component {
enabled (via the Developer menu).<br/><br/>Learn more about building
plugins with <a href="https://nylas.com/N1/docs">our docs</a>.
</span>);
devCTA = (<div className="btn btn-large" onClick={this._onCreatePackage}>Create New Plugin...</div>);
devCTA = (<div className="btn btn-small" onClick={this._onCreatePackage}>Create New Plugin...</div>);
}
return (
<div className="installed">
<div className="inner">
<Flexbox className="search-container">
<div className="btn btn-large" onClick={this._onInstallPackage}>Install Plugin...</div>
<div className="btn btn-small" onClick={this._onInstallPackage}>Install Plugin...</div>
<input
type="text"
className="search"

View file

@ -50,7 +50,7 @@
background-repeat: no-repeat;
background-image: url("../static/images/search/searchloupe@2x.png");
background-size: 15px 15px;
background-position: 7px 7px;
background-position: 7px 4px;
text-indent: 31px;
}
.empty {

View file

@ -14,8 +14,8 @@
h6 {
color: @text-color-very-subtle;
margin-top: 30px;
margin-bottom: 20px;
margin-top: 20px;
margin-bottom: 10px;
}
section:first-child h6:first-child {
@ -72,8 +72,7 @@
}
.name {
padding: 0 @padding-base-horizontal * 0.3;
padding-bottom: @padding-large-vertical;
padding: @padding-base-vertical @padding-base-horizontal * 0.3 @padding-large-vertical @padding-base-horizontal * 0.3;
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;