diff --git a/src/assets/scss/_post.scss b/src/assets/scss/_post.scss index 014ac72..636e8c8 100644 --- a/src/assets/scss/_post.scss +++ b/src/assets/scss/_post.scss @@ -384,6 +384,10 @@ .single-item-collection--attachments { .single-item-collection--attachments-file { margin: 10px; + text-align: center; + @media only screen and (max-width: 380px) { + margin: 10px 0; + } img { width: 125px; @@ -392,8 +396,10 @@ outline: none; } } - a { - width: 125px; + a { + width: 100%; + max-width: 125px; + margin: 0 auto; display: inline-block; font-size: 0.875rem; text-align: center; @@ -410,11 +416,14 @@ } .single-item-collection--attachments-prev { left: -50px; + @media only screen and (max-width: 380px) { + right: -40px; + } } .single-item-collection--attachments-next { - right: -10px; - @media only screen and (min-width: 1500px) { - right: -25px; + right: -50px; + @media only screen and (max-width: 380px) { + right: -40px; } } .single-item-collection--attachments-prev, .single-item-collection--attachments-next {