62 - Improve the system mobile view

[A-Souhei]

Description

Fixes for mobile DMS UI.

Closes https://github.com/fjelltopp/dms/issues/62.

Checklist

Put an x in the boxes that apply to this pull request (you can also fill these out after opening the pull request).
You may not need to check all boxes.

• The Jira ticket for this issue has been updated to "Ready to Review" or equivalent.
• I have developed these changes in discussion with the appropriate project manager.
• My code follows the general Fjelltopp documentation (see Confluence).
• I have made corresponding changes to the Fjelltopp documentation (see Confluence).
• I have rebased this branch with master.
• New dependency changes have been committed.
• I have added automated tests that prove my fix is effective or that my feature works.
• New and existing tests pass locally with my changes.
• My changes generate no new warnings.
• I have performed a self-review of my own code.
• I have assigned at least one reviewer.
• I have assigned at least one label to this PR: "patch", "minor", "major".

[jonathansberry]

Hi Toavina, Thanks for this! Great progress has been made. I've made a few small tweaks myself, but there are also a few larger outstanding issues I'm seeing...

• On the dataset read read pages I think the the primary content probably needs to come above the secondary content (the side column) it looks a bit funny otherwise. Do you agree? I also wonder whether we could hide the "duplication of the title" at the top of the secondary content, for small screens where everything is stacked in a single column.
• On the resource read page, the additional information section needs to come lower down underneath the resource title. In fact I think probably both primary and secondary content needs to come below module content. Ideally it would go module content (I.e. title/description/download link, previews), then primary content (i.e. additional information) then secondary content (i.e. resource selector).
• For screens 768 - 991px wide, there is a bug all pages with the side column. The primary content is taking up the full width (even though the side column is still visible) and therefore appearing below the secondary content in the side column. E.g. the dataset page here:
  

[A-Souhei]

Committed fix from reviews.

For third point, I had to hide the aside secondary for all pages except:

• dataset search
• organization /group read
  where I added custom modifications for your review @jonathansberry

Review #1#2:

Review #3:

[jonathansberry]

Thanks @A-Souhei for this great work! I've just added a few extra commits to fix a few other UI bugs I've noticed during development. I'll get it merged and deployed now.