fleet/frontend/components/QueryFrequencyIndicator/_styles.scss

.query-frequency-indicator {
  width: 130px;
  display: flex;
  align-items: center;
  padding: 8px 12px;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;

  .icon {
    padding-right: $pad-small;
  }
}

.grey {
  color: $ui-fleet-black-33;
}
Fleet UI: New manage query automations modal (#12747) 2023-07-18 21:10:45 +00:00			`.query-frequency-indicator {`
Fleet UI: Fix custom query frequency on manage automations modal (#13511) 2023-08-25 17:00:14 +00:00			`width: 130px;`
Icons improvements (making frontend consistent with Figma component library) (#14185) # Checklist for submitter If some of the following don't apply, delete the relevant line. - [ ] Manual QA for all new/changed functionality --------- Co-authored-by: Gabriel Hernandez <ghernandez345@gmail.com> 2023-10-31 16:06:38 +00:00			`display: flex;`
style fixes 2023-07-20 23:31:36 +00:00			`align-items: center;`
Fleet UI: New manage query automations modal (#12747) 2023-07-18 21:10:45 +00:00			`padding: 8px 12px;`
Fleet UI: Fix custom query frequency on manage automations modal (#13511) 2023-08-25 17:00:14 +00:00			`text-overflow: ellipsis;`
			`overflow: hidden;`
			`white-space: nowrap;`
Fleet UI: New manage query automations modal (#12747) 2023-07-18 21:10:45 +00:00
			`.icon {`
			`padding-right: $pad-small;`
			`}`
			`}`

			`.grey {`
			`color: $ui-fleet-black-33;`
			`}`