diff options
| author | kibigo! <marrus-sh@users.noreply.github.com> | 2018-01-05 12:39:34 -0800 |
|---|---|---|
| committer | kibigo! <marrus-sh@users.noreply.github.com> | 2018-01-05 12:41:15 -0800 |
| commit | ec620ae486f74c560870802930235ad56e918784 (patch) | |
| tree | 21809c1a90bc4e16a51d7e82cb1caf77622d53a2 | |
| parent | 3b016342c6102f098f098f8a1ffd9fcf464e566a (diff) | |
Styling fixes
| -rw-r--r-- | app/javascript/mastodon/components/column_header.js | 4 | ||||
| -rw-r--r-- | app/javascript/styles/mastodon/components.scss | 12 |
2 files changed, 14 insertions, 2 deletions
diff --git a/app/javascript/mastodon/components/column_header.js b/app/javascript/mastodon/components/column_header.js index fe2fc2adf..c300db89b 100644 --- a/app/javascript/mastodon/components/column_header.js +++ b/app/javascript/mastodon/components/column_header.js @@ -130,8 +130,8 @@ export default class ColumnHeader extends React.PureComponent { return ( <div className={wrapperClassName}> - <h1> - <button className={buttonClassName} onClick={this.handleTitleClick}> + <h1 className={buttonClassName}> + <button onClick={this.handleTitleClick}> <i className={`fa fa-fw fa-${icon} column-header__icon`} /> <span className='column-header__title'> {title} diff --git a/app/javascript/styles/mastodon/components.scss b/app/javascript/styles/mastodon/components.scss index dec489e9a..aa441a226 100644 --- a/app/javascript/styles/mastodon/components.scss +++ b/app/javascript/styles/mastodon/components.scss @@ -2351,6 +2351,18 @@ z-index: 2; outline: 0; + & > button { + display: flex; + flex: auto; + margin: 0; + border: none; + padding: 0; + color: inherit; + background: transparent; + font: inherit; + text-align: left; + } + &.active { box-shadow: 0 1px 0 rgba($ui-highlight-color, 0.3); |