diff --git a/phpBB/styles/prosilver/theme/responsive.css b/phpBB/styles/prosilver/theme/responsive.css index ca4054c27f..61c204026b 100644 --- a/phpBB/styles/prosilver/theme/responsive.css +++ b/phpBB/styles/prosilver/theme/responsive.css @@ -150,7 +150,7 @@ margin-right: -5px; } - .cp-main .forabg, .cp-main .forumdb, .cp-main .post, .cp-main .panel { + .cp-main .forabg, .cp-main .forumbg, .cp-main .post, .cp-main .panel { border-radius: 7px; } @@ -344,7 +344,7 @@ } fieldset dd, fieldset.fields1 dd, fieldset.fields2 dd { - margin-left: 0px; + margin-left: 0; } textarea, dd textarea, .message-box textarea { @@ -460,8 +460,7 @@ width: auto; border-width: 0 0 1px 0; padding-bottom: 5px; - margin: 0; - margin-bottom: 5px; + margin: 0 0 5px 0; min-height: 40px; overflow: hidden; } @@ -553,22 +552,19 @@ } } -@media (min-width: 700px) { - .postbody { width: 70%; } -} - -@media (min-width: 850px) { - .postbody { width: 76%; } -} - -@media (max-width: 850px) { - .postprofile { width: 28%; } - +@media (min-width: 701px) { + .postbody { + /** deduct postprofile width (including border width, margin and padding) and postbody margin and padding */ + width: calc(100% - 200px - 1px - 16px); + margin-right: 16px; + } + .postprofile { + width: 200px; + } } @media (min-width: 701px) and (max-width: 950px) { - ul.topiclist dt { margin-right: -410px; }