diff --git a/assets/styles/components/_step.scss b/assets/styles/components/_step.scss index 3dc8f4e..08ccca0 100644 --- a/assets/styles/components/_step.scss +++ b/assets/styles/components/_step.scss @@ -11,6 +11,10 @@ align-items: center; overflow: hidden; + @include mobile { + flex-wrap: wrap; + } + &:first-child { margin-top: 0; } @@ -18,19 +22,32 @@ .diamond { margin-right: 1.25rem; + + @include mobile { + align-self: flex-start; + } } &-body { flex-grow: 1; + @include mobile { + width: calc(100% - 60px - 1.25rem); + } + h4 { font-weight: 700; + @include until(576px) { + font-size: 0.9rem; + } } .deployed { font-size: 0.813rem; color: #6B6B6B; margin-top: .25rem; + text-overflow: ellipsis; + overflow: hidden; } } @@ -44,6 +61,12 @@ padding: 1.25rem; width: 148px; + @include mobile { + margin-top: 1.25rem; + flex-basis: 100%; + flex-grow: 1; + } + .completed { display: flex; align-items: center;