changed favorites layout: columnized with horizontal scroll

web/themes/custom/edlptheme/assets/styles/app.scss

@@ -1408,22 +1408,27 @@ main[role="main"]{
     .documents{
       padding-top: 35px;
       height:calc(100% - 35px);
-      overflow-y: auto;
-      overflow-x: hidden;
+      overflow-y: hidden;
+      overflow-x: auto;
       // box-sizing: content-box;
       // outline: 1px solid green;
+      .item-list{
+        height: 100%;
+      }
       ul,li{
         margin:0; padding:0;
         line-height: 1.2;
       }
       ul{
-        display: grid;
-        grid-template-columns: repeat( auto-fit, minmax(200px, 1fr) );
+        // display: grid;
+        // grid-template-columns: repeat( auto-fit, minmax(200px, 1fr) );
+        max-height: 100%;
+        display: inline-flex;
+        flex-direction: column;
+        flex-wrap: wrap;
       }
       li{
-        // grid-auto-flow: row;
-        // display: inline-block; vertical-align: top;
-        // width:32%;
+        flex: 0 0 auto;
         margin-bottom: 0.3em;
         white-space: nowrap;
         >div{