fleet/frontend/components/NumberPill/_styles.scss

.number-pill {
  background-color: $brand;
  border-radius: 14px;
  color: $white;
  display: inline-block;
  line-height: 26px;
  height: 26px;
  text-align: center;
  font-size: 15px;
  font-weight: 600;
  letter-spacing: -0.5px;
  padding: 0 14px;
  vertical-align: text-bottom;
}
All packs page (#709) * Display packs page at /packs/manage * Adds NumberPill component * Filter packs list * Render the pack info side panel when no packs are selected * Adds packs list * Moves state management to page component * Display selected pack count * Render bulk action buttons * API client - update pack * API client - destroy pack * Adds update/destroy functions to packs redux config * Bulk actions (enable, disable, delete) * Selecting a pack updates state * PackDetailsSidePanel updates pack status * Link to edit pack on side panel * sets selected pack in URL * Sets color for unsettled buttons * Loads scheduled queries for selected pack in All Packs Page * PackDetailsSidePanel component * PackDetailsSidePanel styles * styles PacksList component * Stop rendering flash when pack status is updated * Makes full row clickable * highlight selected pack 2017-01-03 20:56:50 +00:00			`.number-pill {`
			`background-color: $brand;`
			`border-radius: 14px;`
			`color: $white;`
			`display: inline-block;`
			`line-height: 26px;`
			`height: 26px;`
			`text-align: center;`
			`font-size: 15px;`
			`font-weight: 600;`
			`letter-spacing: -0.5px;`
Styling Manage Queries page (#793) 2017-01-10 02:58:18 +00:00			`padding: 0 14px;`
Fixing spacing of manage packs header (#848) * Fixing spacing of header * Make h1 headers consistent 2017-01-10 16:27:10 +00:00			`vertical-align: text-bottom;`
All packs page (#709) * Display packs page at /packs/manage * Adds NumberPill component * Filter packs list * Render the pack info side panel when no packs are selected * Adds packs list * Moves state management to page component * Display selected pack count * Render bulk action buttons * API client - update pack * API client - destroy pack * Adds update/destroy functions to packs redux config * Bulk actions (enable, disable, delete) * Selecting a pack updates state * PackDetailsSidePanel updates pack status * Link to edit pack on side panel * sets selected pack in URL * Sets color for unsettled buttons * Loads scheduled queries for selected pack in All Packs Page * PackDetailsSidePanel component * PackDetailsSidePanel styles * styles PacksList component * Stop rendering flash when pack status is updated * Makes full row clickable * highlight selected pack 2017-01-03 20:56:50 +00:00			`}`