More Label touchups (margins) (#10722)

* labels with onClick don't need .pointer. No labels need `m-r-5`

* making Timer a proper Label

* a little linting

* addresing (helpful, thanks) comment
This commit is contained in:
Evan Rusackas
2020-09-02 23:13:58 -07:00
committed by GitHub
parent 1ee87cc4d1
commit 824cea24ba
9 changed files with 26 additions and 19 deletions

View File

@@ -72,8 +72,9 @@ const StyledHeader = styled.div`
align-items: center;
justify-content: flex-end;
.btn-group {
> .btn-group {
flex: 0 0 auto;
margin-left: ${({ theme }) => theme.gridUnit}px;
}
}
`;

View File

@@ -47,7 +47,7 @@ export default function RowCountLabel({ rowcount, limit, suffix }) {
);
return (
<TooltipWrapper label="tt-rowcount" tooltip={tooltip}>
<Label bsStyle={bsStyle} className="m-r-5 pointer">
<Label bsStyle={bsStyle}>
{formattedRowCount} {suffix}
</Label>
</TooltipWrapper>

View File

@@ -104,7 +104,7 @@ export default class FixedOrMetricControl extends React.Component {
return (
<div>
<ControlHeader {...this.props} />
<Label className="pointer" onClick={this.toggle}>
<Label onClick={this.toggle}>
{this.state.type === controlTypes.fixed && (
<span>{this.state.fixedValue}</span>
)}