We need to adapt the mobile screens to make them more user friendly and OOUI compliant (right margins, spacing, font sizes..) :)
**MOCKS**
main screen
{F31484141}
**SPECS**
Mobile font (headings): size: 16px; line-height: 24px; weight: 700
Mobile font (body): size: 16px; line-height: 24px
Mobile font (descriptions): size: 14px; line-height: 22px
Header height: 50px (48+1+1)
Input field: 40px
Close button size: 48x48px (More specs [[ https://www.figma.com/file/gi3JYwSUQYhKS0mHwK25cQwi/WiKit-%F0%9F%94%A5?node-id=351%3A45 | in WiKit) ]]
Close icon size: 20px
"Publish changes" button size: 48px (More specs in [[ https://www.figma.com/file/gi3JYwSUQYhKS0mHwK25cQwi/WiKit-%F0%9F%94%A5?node-id=351%3A45 | WiKit ]])
Vertical spacing unit: 8px
Horizontal and vertical margins: 20px (mock ups need to be updated)
Find more specs and mobile screens in [[ https://www.figma.com/file/KIkcQ7NjOl8OkQtGWe5duIbW/Wikidata-Bridge?node-id=2197%3A14669 | this Figma artboard ]].