From f51763fc88174558156d2c5d9ab496b414be7734 Mon Sep 17 00:00:00 2001 From: Alex <33497058+bexsoft@users.noreply.github.com> Date: Fri, 6 May 2022 18:06:05 -0500 Subject: [PATCH] Added margin in date time picker to avoid jumpy effect (#1963) Signed-off-by: Benjamin Perez --- .../DateTimePickerWrapper/DateTimePickerWrapper.tsx | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/portal-ui/src/screens/Console/Common/FormComponents/DateTimePickerWrapper/DateTimePickerWrapper.tsx b/portal-ui/src/screens/Console/Common/FormComponents/DateTimePickerWrapper/DateTimePickerWrapper.tsx index bfe5ef281..b518444b4 100644 --- a/portal-ui/src/screens/Console/Common/FormComponents/DateTimePickerWrapper/DateTimePickerWrapper.tsx +++ b/portal-ui/src/screens/Console/Common/FormComponents/DateTimePickerWrapper/DateTimePickerWrapper.tsx @@ -172,6 +172,8 @@ const styles = (theme: Theme) => borderTop: "#F0F3F5 1px solid", }, "& .MuiClockPicker-arrowSwitcher": { + marginRight: 10, + marginTop: -1, "& > div": { width: 0, }, @@ -182,6 +184,8 @@ const styles = (theme: Theme) => width: 255, height: 255, backgroundColor: "#fff", + marginTop: 30, + marginBottom: 14, border: "#F0F3F5 3px solid", "& > div:nth-child(2)": { backgroundColor: "#B4B5B4",