diff options
| -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); |