diff --git a/changes/18060-host-activity-styling-bugs b/changes/18060-host-activity-styling-bugs new file mode 100644 index 0000000000..fb157bbbaf --- /dev/null +++ b/changes/18060-host-activity-styling-bugs @@ -0,0 +1 @@ +- Styling bug fixes of host details page activities (Remove trailing dash line from last activity, Re-instate padding below last activity) diff --git a/frontend/pages/DashboardPage/cards/ActivityFeed/ActivityItem/_styles.scss b/frontend/pages/DashboardPage/cards/ActivityFeed/ActivityItem/_styles.scss index 57438f0c7e..d701c91ad5 100644 --- a/frontend/pages/DashboardPage/cards/ActivityFeed/ActivityItem/_styles.scss +++ b/frontend/pages/DashboardPage/cards/ActivityFeed/ActivityItem/_styles.scss @@ -57,7 +57,7 @@ .activity-item__dash { border-right: none; } - .activity-item__details { + .activity-details { padding-bottom: $pad-xxlarge; } } diff --git a/frontend/pages/hosts/details/cards/Activity/HostActivityItem/_styles.scss b/frontend/pages/hosts/details/cards/Activity/HostActivityItem/_styles.scss index cfb2fcd282..d6048006a1 100644 --- a/frontend/pages/hosts/details/cards/Activity/HostActivityItem/_styles.scss +++ b/frontend/pages/hosts/details/cards/Activity/HostActivityItem/_styles.scss @@ -54,13 +54,12 @@ } &:last-child { - .past-activity__dash { + .host-activity-item__dash { border-right: none; } - .past-activity__details { + .host-activity-item__details-wrapper { padding-bottom: $pad-xxlarge; } } - } diff --git a/frontend/pages/hosts/details/cards/Activity/UpcomingActivityFeed/UpcomingActivityFeed.tsx b/frontend/pages/hosts/details/cards/Activity/UpcomingActivityFeed/UpcomingActivityFeed.tsx index 94f1d547cd..c73b4b28e2 100644 --- a/frontend/pages/hosts/details/cards/Activity/UpcomingActivityFeed/UpcomingActivityFeed.tsx +++ b/frontend/pages/hosts/details/cards/Activity/UpcomingActivityFeed/UpcomingActivityFeed.tsx @@ -1,6 +1,6 @@ import React from "react"; -import { IActivity, IActivityDetails } from "interfaces/activity"; +import { IActivity } from "interfaces/activity"; import { IActivitiesResponse } from "services/entities/activities"; // @ts-ignore