== Problem ==
Mobile design is currently applied by default to all tablets except Apple tablets because Apple gives iPad a desktop user agent which overrides our redirects to mobile site on tablets. Also despite having the mobile skin applied to Android tablets and mobile, users can still switch to Desktop version. In both of those use cases, users will have a mediocre search preview experience as with current implementation the previews are rendered very narrow in an attempt to fit on smaller devices.
Also for the cases mentioned above (where desktop skin is applied to mobile/tablet devices), the discovery of search preview is affected because the hover affordance will not be present on touch devices.
After several design iterations and discussions on amount of time required and feasibility, the following solution is being proposed.
== Solution ==
**Layout improvements**
[] Make all the screens below tablet breakpoint (1000px and below) that are not using mobile skin/view to have a different width distribution of column. For example currently it shows 8/12 of content, 1/12 whitespace, 3/12 interwiki results. This should be tentatively adjusted to: 6/12 of content, 1/12 whitespace, 5/12 interwiki results (or slightly different values based on how it looks after implementing.) This would allow more space for search previews.
- //Previous discussion and current column widths captured in this [[ https://phabricator.wikimedia.org/T320577#8324805 | ticket ]] and the breakpoint were updated later in this [[ https://phabricator.wikimedia.org/T321377 | ticket ]].//
[] Do not show the thumbnails for screens size at or below 720px
Link to proposal in [[ https://www.figma.com/file/86M7oLZplSxXKwKJR59mIK/Special%3ASearch-on-Wikipedia?node-id=3857%3A59680&t=eAEdJRGkULxWjzI6-4 | Figma ]]
{F35886443}