Change flex order to bring sidebar to left visually

Author: CaptainIRS

lib/resources/styles.css

@@ -77,6 +77,7 @@ main {
 
 .sidebar-offcanvas-left {
   flex: 0 1 230px;
+  order: 1;
   overflow-y: scroll;
   padding: 20px 0 15px 30px;
   margin: 5px 20px 0 0;
@@ -93,13 +94,15 @@ main {
 
 .main-content {
   flex: 1;
+  order: 2;
   overflow-y: scroll;
   padding: 10px 20px 0 20px;
   visibility: hidden; /* shown by Javascript after scroll position restore */
 }
 
 .sidebar-offcanvas-right {
   flex: 0 1 12em;
+  order: 3;
   overflow-y: scroll;
   padding: 20px 15px 15px 15px;
   margin-top: 5px;