Rietveld Code Review Tool
Help | Bug tracker | Discussion group | Source code

Side by Side 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.
Left:
Right:
Use n/p to move between diff chunks; N/P to move between comments.
Jump to:
View unified diff | Download patch
OLDNEW
1 <style> 1 <style>
2 2
3 .card-summary 3 .card-summary
4 { 4 {
5 height: 90px; 5 height: auto;
6 }
7
8 .btn-container
9 {
10 margin-top: 16px;
11 margin-bottom: 16px;
6 } 12 }
7 13
8 @media(min-width: 544px) 14 @media(min-width: 544px)
9 { 15 {
10 .card-summary 16 .card-summary
11 { 17 {
12 height: 140px; 18 height: 140px;
13 } 19 }
20 .btn-container
21 {
22 margin-top: 32px;
23 margin-bottom: 32px;
24 }
14 } 25 }
15 26
16 @media(min-width: 768px) 27 @media(min-width: 768px)
17 { 28 {
18 .card-summary 29 .card-summary
19 { 30 {
20 height: 110px; 31 height: 110px;
21 } 32 }
33 .btn-container
34 {
35 margin-top: 64px;
36 margin-bottom: 64px;
37 }
22 } 38 }
23 39
24 @media(min-width: 992px) 40 @media(min-width: 992px)
25 { 41 {
26 .card-summary 42 .card-summary
27 { 43 {
28 height: 160px; 44 height: 160px;
29 } 45 }
30 } 46 }
31 47
32 @media(min-width: 768px) 48 @media(min-width: 768px)
33 { 49 {
34 .card.list 50 .card.list
35 { 51 {
36 display: block; 52 display: block;
37 width: 70%; 53 width: 70%;
38 margin: 0 auto; 54 margin: 0 auto;
39 } 55 }
40 } 56 }
41 57
42 </style> 58 </style>
OLDNEW

Powered by Google App Engine
This is Rietveld