/*
 /* AR 11/08/2022 */

/* FOR STORYBOOK PRESENTATION ONLY - NOT PRECIOUS */

/* Due to the GanttSidebarSection component making heavy use of slots, */

/* we are passing a lot of content with styles scoped to a parent component */

/* I'm copy/pasting the relevant styles for the Storybook stories here */

/* to avoid importing the whole gantt.css monolith */

/* In time, these will hopefully be more nicely scoped to */

/* e.g. a GanttSidebar.css file which we can import  */

/* in the .stories.js in place of this. */

.GanttSidebarSection--storybook .row {
    margin: 2px 0 0;
    width: 100%;
    display: flex;
    justify-content: flex-start;
    align-items: start;
    flex-flow: row wrap;
}

.GanttSidebarSection--storybook .bullet-icon {
    margin-right: 10px;
}

.GanttSidebarSection--storybook .flex-align-right {
    justify-content: flex-end;
}