diff --git a/css/plugins/qc.less b/css/plugins/qc.less index 3119ed8..1365b82 100644 --- a/css/plugins/qc.less +++ b/css/plugins/qc.less @@ -25,7 +25,48 @@ width: auto; font-size: 90%; box-shadow: @box-shadow-bottom; - margin: -(@page_padding-top) -(@margin-default) 0; + margin-bottom: 0; + + @media @screen_min-xxs { + margin-top: -(@page_padding-top); + margin-right: -(@margin-default); + margin-left: -(@margin-default); + padding-left: @margin-default; + padding-right: @margin-default; + } + + @media @screen_max-md { + margin-top: -(@page_padding-top + 2); + margin-right: -(@margin-default * 1.6); + margin-left: -(@margin-default); + padding-top: @margin-default; + } + + @media @screen_max-xxs { + margin-left: -(@margin-small); + padding-left: @margin-small; + padding-right: @margin-default; + } + + div, + p { + margin-left: 0; + } + + dl { + dt, + dd { + @media @screen_max-xxs { + float: none; + display: inline-block; + width: 49%; + max-width: 10em; + vertical-align: top; + margin-left: 0; + padding-bottom: @small-spacing; + } + } + } .qc_icon { background-color: #fff;