diff --git a/changes/issue-24992-padding-fixes-around-lists b/changes/issue-24992-padding-fixes-around-lists new file mode 100644 index 0000000000..8fd3ae43e3 --- /dev/null +++ b/changes/issue-24992-padding-fixes-around-lists @@ -0,0 +1 @@ +- normalise padding spacing for list headers, lists, and help text across various modals. diff --git a/frontend/pages/policies/ManagePoliciesPage/ManagePoliciesPage.tsx b/frontend/pages/policies/ManagePoliciesPage/ManagePoliciesPage.tsx index 6d24c9abbb..ce2e7ef18a 100644 --- a/frontend/pages/policies/ManagePoliciesPage/ManagePoliciesPage.tsx +++ b/frontend/pages/policies/ManagePoliciesPage/ManagePoliciesPage.tsx @@ -4,7 +4,6 @@ import { useQuery } from "react-query"; import { InjectedRouter } from "react-router/lib/Router"; import PATHS from "router/paths"; import { isEqual } from "lodash"; -import { formatDistanceToNowStrict } from "date-fns"; import { getNextLocationPath, wait } from "utilities/helpers"; diff --git a/frontend/pages/policies/ManagePoliciesPage/_styles.scss b/frontend/pages/policies/ManagePoliciesPage/_styles.scss index 632e60e819..7cd91c856c 100644 --- a/frontend/pages/policies/ManagePoliciesPage/_styles.scss +++ b/frontend/pages/policies/ManagePoliciesPage/_styles.scss @@ -235,6 +235,7 @@ border: 1px solid $ui-fleet-black-10; // negate ul padding padding-left: 0; + margin: 0; .policy-row { display: flex; diff --git a/frontend/pages/policies/ManagePoliciesPage/components/CalendarEventsModal/CalendarEventsModal.tsx b/frontend/pages/policies/ManagePoliciesPage/components/CalendarEventsModal/CalendarEventsModal.tsx index c17d68222a..92ffe7ecd2 100644 --- a/frontend/pages/policies/ManagePoliciesPage/components/CalendarEventsModal/CalendarEventsModal.tsx +++ b/frontend/pages/policies/ManagePoliciesPage/components/CalendarEventsModal/CalendarEventsModal.tsx @@ -190,48 +190,50 @@ const CalendarEventsModal = ({ return (
Policies:
- - - A calendar event will be created for end users if one of their hosts - fail any of these policies.{" "} - - +
+ +

+ A calendar event will be created for end users if one of their hosts + fail any of these policies.{" "} + +

+
); }; @@ -302,7 +304,6 @@ const CalendarEventsModal = ({ onClick={() => { setShowExamplePayload(!showExamplePayload); }} - // disabled={!formData.enabled} />