[Security Solution][Endpoint] Adjust Activity log date picker alignme…

…nts (#108504) (#108706) * set max width on date picker going with 350px instead of the 250px in the mock in order to fully show the placeholder text for now. see elastic/security-team/issues/1571 * pad date picker to align with activity log content see elastic/security-team/issues/1571 * use padding sizes instead review comments Co-authored-by: Kibana Machine <[email protected]> Co-authored-by: Ashokaditya <[email protected]>
elastic · Aug 16, 2021 · 38b9d58 · 38b9d58
1 parent f94498d
commit 38b9d58
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/...ent/pages/endpoint_hosts/view/details/components/activity_log_date_range_picker/index.tsx b/...ent/pages/endpoint_hosts/view/details/components/activity_log_date_range_picker/index.tsx
@@ -20,9 +20,11 @@ const DatePickerWrapper = styled.div`
   background: white;
 `;
 const StickyFlexItem = styled(EuiFlexItem)`
+  max-width: 350px;
   position: sticky;
   top: ${(props) => props.theme.eui.euiSizeM};
   z-index: 1;
+  padding: ${(props) => `0 ${props.theme.eui.paddingSizes.m}`};
 `;
 
 export const DateRangePicker = memo(() => {