fleet/frontend/components/queries/ScheduledQueriesListWrapper/_styles.scss
noahtalerman cdf43a79bd
Align Fleet UI with Figma (spacing and fonts) (#628)
This if the 2nd PR as part of the of the Align components in Fleet UI with design system in Figma #539

These changes **refactor the spacing and font sizes** used by the frontend. 

- Change the scss variables in `padding.scss` and `fonts.scss`. 
- Replace custom styles with the new variables throughout all stylesheets.
2021-04-09 17:30:42 -07:00

35 lines
518 B
SCSS

.scheduled-queries-list-wrapper {
flex-grow: 1;
padding: $pad-xxlarge $pad-xlarge;
margin-bottom: $pad-medium;
&__query-count {
font-size: $x-small;
font-weight: $bold;
margin: $pad-large 0;
}
&__queries-list-wrapper {
margin-top: $pad-medium;
clear: both;
}
&__search-queries-input {
display: inline-block;
width: 100%;
input {
width: 100%;
}
}
&__query-btn {
float: right;
margin-top: 14px;
}
&__search-queries {
float: left;
}
}