Unified Diff: includes/solutions/style.html
Issue 29438582:
Issue 5135 - Reduce font size and padding on smaller screens on acceptableads.com (Closed)
Base URL: https://hg.adblockplus.org/web.acceptableads.com
Patch Set: Handle responsive styling
Created June 22, 2017, 3:27 p.m.
Use n/p to move between diff chunks;
N/P to move between comments.
« includes/about/style.html ('K')
|
« includes/index/style.html ('k')
|
includes/tool-certification/style.html » ('j')
|
includes/tool-certification/style.html » ('J')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
Expand Comments ('e') | Collapse Comments ('c') | Hide Comments ('s')
| Index: includes/solutions/style.html |
| =================================================================== |
| --- a/includes/solutions/style.html |
| +++ b/includes/solutions/style.html |
| @@ -1,29 +1,45 @@ |
| <style> |
| .card-summary |
| { |
| - height: 90px; |
| + height: auto; |
| +} |
| + |
| +.btn-container |
| +{ |
| + margin-top: 16px; |
| + margin-bottom: 16px; |
| } |
| @media(min-width: 544px) |
| { |
| .card-summary |
| { |
| height: 140px; |
| } |
| + .btn-container |
| + { |
| + margin-top: 32px; |
| + margin-bottom: 32px; |
| + } |
| } |
| @media(min-width: 768px) |
| { |
| .card-summary |
| { |
| height: 110px; |
| } |
| + .btn-container |
| + { |
| + margin-top: 64px; |
| + margin-bottom: 64px; |
| + } |
| } |
| @media(min-width: 992px) |
| { |
| .card-summary |
| { |
| height: 160px; |
| } |
