diff --git a/assets/sass/organisms/_media-details.scss b/assets/sass/organisms/_media-details.scss index fd9b23a..abc0cff 100644 --- a/assets/sass/organisms/_media-details.scss +++ b/assets/sass/organisms/_media-details.scss @@ -1,15 +1,29 @@ @charset "UTF-8"; .article-container { - padding: 4em 1em; font-size: $font-size-large; + padding: 4em 1em; } -.media-container{ +.media-container { position: relative; - .media-action{ + + &:not(.article-container) {background: $tundora;} + + img { + margin: 0 auto; + max-height: 60vh; + } + + .media-action { position: absolute; - top: -1.5rem; - right: 1em; + right: 0; + bottom: 100%; + + a { + margin-bottom: 0; + border-radius: $btn-border-radius-small $btn-border-radius-small 0 0; + box-shadow: inset 0 -1px 3px 0 rgba(0, 0, 0, 0.5); + } } }