We need to adapt the mobile screens to make them more user-friendly and OOUI compliant (right margins, spacing, font sizes…) :)
**MOCKS**
main screen (just for guidance, please find detailed specs in Figma – link below)
{F31613104}
**MAIN SPECS**
Mobile font (headings): size: 16px; line-height: 20px; weight: 600
Mobile font (body): size: 16px; line-height: 24px
Header height: 50px (48+1+1)
"Publish changes" button size: 48px
Close button size: 48x48px (More specs [[ https://www.figma.com/file/gi3JYwSUQYhKS0mHwK25cQwi/WiKit-%F0%9F%94%A5?node-id=351%3A45 | in WiKit) ]]
Input field: 40px
Horizontal and vertical margins: 16px
Find more specs and mobile screens in [[ https://www.figma.com/file/KIkcQ7NjOl8OkQtGWe5duIbW/Wikidata-Bridge?node-id=2197%3A14669 | this Figma artboard ]].
**Notes:**
* mobile means width is below the current break point