IE11 sidepanels are at the bottom of the page

Patch for "master" branch: https://reviews.mahara.org/10324

Launchpad/Bug: https://bugs.launchpad.net/mahara/+bug/1834973
Gerrit/Patchset: https://reviews.mahara.org/#/c/10324/
Mahara Environment: https://master.dev.mahara.org/
Browser/s tested: Win10-IE11 and Win10-Chrome (via VM)
Theme used: Default

**TEST SCENARIO: Verify that Mahara side panels display correctly on the right hand side in the Win10-IE11 browser
(pre-fix they were always displayed at page bottom as they would be if browser viewport made small).
--------------

**PRECONDITIONS:
---------------
1) User has Mahara account on https://master.dev.mahara.org/ and fix is deployed there.

**TEST STEPS:
-------------
Step 1) User successfully logs in (via a laptop/desktop computer) to the Mahara test environment using Windows10 IE11 browser.
Expected result 1: The user's dashboard page is displayed with user profile and online user side panels correctly displayed on the right hand side of the screen. The display is similar to the Windows10 Chrome display for the same user.
Actual result 1: as expected (see attachments prefixed with SS1-IE11 and SS1-Chrome) ✓

Step 2) The logged in user adjusts browser screen size down to less than one half of its expanded size.
Expected result 2: The user's dashboard page is resized and displays with user profile and online user side panels correctly at the bottom of the screen. The display is similar to the Windows10 Chrome display for the same user.
Actual result 2: The two side panels are correctly located at the bottom of the page however, each panel is not displayed comfortably across the page width - they are squashed onto the left hand side (please see attachments prefixed with SS2-IE11 and SS2-Chrome). X

Patch for "master" branch: https://reviews.mahara.org/10362

Launchpad/Bug: https://bugs.launchpad.net/mahara/+bug/1834973
Gerrit/Patchset: https://reviews.mahara.org/10362
Mahara Environment: my laptop Mahara environment http://mahara.rdaymond.wgtn.cat-it.co.nz/
Browser/s tested: Win10-IE11 and Win10-Chrome (via elearning workstation)
Theme used: Default

**RETEST SCENARIO: Verify that Mahara side panels display correctly on the right hand side in the Win10-IE11 browser and when the browser width is less than 50% the side panels are displayed
at page bottom using the full width (i.e. NOT squashed on the far left).
--------------

**PRECONDITIONS:
---------------
1) User has Mahara account and fix is deployed there.

**TEST STEPS:
-------------
Step 1) User successfully logs in (via a laptop/desktop computer) to the Mahara test environment using Windows10 IE11 browser.
Expected result 1: The user's dashboard page is displayed with user profile and online user side panels correctly displayed on the right hand side of the screen. The display is similar to the Windows10 Chrome display for the same user.
Actual result 1: as expected (see attachment prefixed with SS1-IE11) ✓

Step 2) The logged in user adjusts browser screen size down to less than one half of its expanded size.
Expected result 2: The user's dashboard page is resized and displays with user profile and online user side panels correctly at the bottom of the screen. The display is similar to the Windows10 Chrome display for the same user under similar conditions.
Actual result 2: as expected (see attachment prefixed with SS2-IE11) ✓

Step 3: The logged in user adjusts the browser screen size back to more than half of its expanded size.
Expected result 3: The user's dashboard page is displayed with user profile and online user side panels correctly displayed on the right hand side of the screen. The display is similar to the Windows10 Chrome display for the same user.
Actual result 3: as expected (see attachment prefixed with SS1-IE11) ✓

Note: used the following Gerrit/Patchset: 3 of 3 for the above https://reviews.mahara.org/#/c/10324/3.

Reviewed: https://reviews.mahara.org/10324
Committed: https://git.mahara.org/mahara/mahara/commit/e3a53e16702b0eb671888d981c04010d5e9fdeb6
Submitter: Robert Lyon (<email address hidden>)
Branch: master

commit e3a53e16702b0eb671888d981c04010d5e9fdeb6
Author: Evonne <email address hidden>
Date: Tue Sep 10 13:15:41 2019 +1200

Bug 1834973 IE11 side panels are at bottom of page

An issue with flex on IE11 where flex item has a max-width, the
fix sets the min-size in flex-basis to 0% instead of 25% so that
it grows to fit.

behatnotneeded

Change-Id: I719acbc6db578444d0621cb4f660cb2226d8960b

Patch for "19.04_STABLE" branch: https://reviews.mahara.org/10369

Reviewed: https://reviews.mahara.org/10369
Committed: https://git.mahara.org/mahara/mahara/commit/ad4c249fb55a3ce43c5f37277df90ad635f4feeb
Submitter: Robert Lyon (<email address hidden>)
Branch: 19.04_STABLE

commit ad4c249fb55a3ce43c5f37277df90ad635f4feeb
Author: Evonne <email address hidden>
Date: Tue Sep 10 13:15:41 2019 +1200

Bug 1834973 IE11 side panels are at bottom of page

An issue with flex on IE11 where flex item has a max-width, the
fix sets the min-size in flex-basis to 0% instead of 25% so that
it grows to fit.

behatnotneeded

Change-Id: I719acbc6db578444d0621cb4f660cb2226d8960b
(cherry picked from commit e3a53e16702b0eb671888d981c04010d5e9fdeb6)