Mobile support - cont.

[javier-molina]

Specification originally from #208

This ticket covers what still needs to be done

Testing with Chrome's mobile emulator, using Samsung Galaxy S6 device (portrait).

General:

General:

1. Not enough (or no) padding around the edges of the screen, other than home page
2. Validation tool tips appear off the side of the screen
   Major effort, either find a way to show jQuery.validationEngine errors in a mobile friendly way or find a replacement (last one very unlikely). Other option is accept the limitation of the library and close this as not an issue.

Home page:

1. Grey background in the footer cuts off at 'Atlas Features'
   This needs to be fixed in whatever project that generates http://www2.ala.org.au/commonui-bs2/footer.html

Project View page:

1. Layout of the title, image, status indicator is not right
2. Resources tab layout is not right for mobile: the document viewer is a narrow column on the right, the download buttons are ~1/3 the width of the screen - need to test this with multiple media types, too (e.g. video causes the viewer panel to resize and partially overlap the table)
3. Surveys tab: the layout of the logo, title, status and button is not right
4. Admin tab:
   1. Survey config tab:
      1. Labels are displayed on the right hand side of the screen, input fields on the next line and left aligned.
      2. Next/previous need to scroll to the top of the tabbed panel
      3. Visibility tab: the days dropdown is too narrow - 3 digit numbers are not displayed
      4. Species tab: Autocomplete fields don't always work (spinner appears but the popup does not...sometimes)
      5. Locations tab: layout does not work for mobile - can't rely on side by side columns like this
   2. Resources tab:
      1. layout isn't right - download button is full width, icon is too small, remove and edit buttons are in the wrong place.
      2. the Attach a Document dialog doesn't work properly: cannot select the Image settings checkbox because tapping anywhere near it triggers the file upload dialog.
   3. Members tab: when editing a row, the inline drop down increases the table width and requires horizontal scrolling

My Data page

1. Position of the items per page dropdown and the page controls isn't right

Survey forms

1. The table component causes horizontal scrolling

[matildastevenson]

@javier-molina can you confirm if this can be closed?