SUBMENU PANEL
width: 320px
padding-left and padding right: 10px
row height: 44px (including top border 1px and bottom border 1px)
font: helvetica, normal, 14px, #666
vertical-align: middle
icon: 18px with 13px padding
CONTENT PANEL
landscape width: 704px
vertical width: 448px
padding-left and padding right: 10px
row height: 44px (including top border 1px and bottom border 1px)
font: helvetica, normal, 14px #666
vertical-align: middle
max text per row: 1 followed by ellipsis (...)
action icons: 18px with 13px padding
section heading font: helvetica, bold, 14px #FFF
section heading bg: 22px #CCC
BUTTON
height: 30px (including top border 1px and bottom border 1px)
padding-left and padding-right: 13px
font: helvetica, normal, 14px, #666
border: 1px solid #CCC
border-bottom: #B3B3B3
border-radius: 4px
gradient: top #FEFEFE, bottom #E7E7E7
margin-top, margin-bottom, margin-right: 10px
Please refer to the guidelines for complete styling details https://docs.google.com/document/d/11iH5YTSazCSYGPUkja673lxxywLWTDE2yCwl9ICRC-I/edit
- will help resolve
-
MOBILE-232 Button design seems to not match the overall design quality
-
- Resolved
-
-
MOBILE-273 Design site settings page (PSD)
-
- Resolved
-
-
MOBILE-286 Design the app button
-
- Resolved
-