diff --git a/src/style/pages/_photos.scss b/src/style/pages/_photos.scss index 1b00de3..6261a3f 100644 --- a/src/style/pages/_photos.scss +++ b/src/style/pages/_photos.scss @@ -258,19 +258,20 @@ // Bar &__bar { position: relative; - display: flex; + display: inline-flex; justify-content: center; align-items: center; min-height: 64px; margin-top: 20px; padding: 0 12px; background: $color-primary-darker; - border-radius: 50vh; + border-radius: 100vh; @include bp (mob-lg) { padding: 0 16px; } @include bp (sm) { + display: flex; height: 72px; margin-top: 0; padding: 28px 32px; @@ -354,9 +355,12 @@ &__label { display: block; color: rgba($color-tertiary, 0.7); + position: absolute; + top: -32px; + left: 50%; + transform: translateX(-50%); @include bp (sm) { - position: absolute; left: 32px; top: 52%; transform: translateY(-50%);