diff --git a/src/stories/Library/Lists/list-materials/list-materials.scss b/src/stories/Library/Lists/list-materials/list-materials.scss index 5bb093585..0b7ef4fd8 100644 --- a/src/stories/Library/Lists/list-materials/list-materials.scss +++ b/src/stories/Library/Lists/list-materials/list-materials.scss @@ -1,12 +1,11 @@ .list-materials { display: flex; - min-height: 72px; + min-height: 96px; padding: 16px; background-color: $c-text-primary-white; justify-content: space-between; @include breakpoint-s { - height: 96px; padding: 16px 32px; align-items: center; flex-direction: row; @@ -80,3 +79,14 @@ display: none; } } + +.list-materials__arrow { + margin-left: $s-xl; + margin-right: $s-md; + cursor: pointer; + display: none; + + @include breakpoint-s { + display: block; + } +} diff --git a/src/stories/Library/Lists/list-reservation/list-reservation.scss b/src/stories/Library/Lists/list-reservation/list-reservation.scss index 67bca455e..830c44ee0 100644 --- a/src/stories/Library/Lists/list-reservation/list-reservation.scss +++ b/src/stories/Library/Lists/list-reservation/list-reservation.scss @@ -27,7 +27,7 @@ $list-reservation-space-desktop: 24px; } .list-reservation__material { - height: 100%; + min-height: 120px; display: flex; align-items: center; } @@ -155,10 +155,10 @@ $list-reservation-space-desktop: 24px; .list-reservation__deadline { display: inline-grid; grid-row-gap: 8px; - margin-left: 88px; + margin-left: 2px; @include breakpoint-s { - margin-left: 32px; + margin-left: 15px; } } diff --git a/src/stories/Library/status-label/status-label.scss b/src/stories/Library/status-label/status-label.scss index bce5d994a..1167a7730 100644 --- a/src/stories/Library/status-label/status-label.scss +++ b/src/stories/Library/status-label/status-label.scss @@ -1,5 +1,5 @@ .status-label { - height: 24px; + min-height: 28px; padding: 0 4px; display: inline-flex; justify-content: center;