diff --git a/doc/global/template/style/offline.css b/doc/global/template/style/offline.css
index 5aabd82dcb4eafb93b5f9b5fc513cc549808ad04..1f76efbd38edc870c89e1f356e1baf7fc8c8a632 100644
--- a/doc/global/template/style/offline.css
+++ b/doc/global/template/style/offline.css
@@ -595,6 +595,21 @@ ol.a > li{
     margin-left: 15px
 }
 
+.flowList {
+  padding: 25px
+}
+.flowList dd {
+  display: inline-block;
+  margin-left: 10px;
+  width: 255px;
+  line-height: 1.15em;
+  overflow-x: hidden;
+  text-overflow: ellipsis
+}
+.alphaChar {
+  font-size: 2em;
+  position: relative
+}
 /*
 -----------
 Content table
diff --git a/doc/global/template/style/online.css b/doc/global/template/style/online.css
index 86e30e89b3c03e007a390241d8b9662be2c3ea1b..c7758d0ca85785f25b4b741af2919cc35eb86c7c 100644
--- a/doc/global/template/style/online.css
+++ b/doc/global/template/style/online.css
@@ -254,6 +254,13 @@
   line-height:1.4;
   font-size:0.875em
 }
+@media (min-width: 1320px) {
+  .context .flowListDiv dl.flowList {
+    -webkit-column-count:3;
+    -moz-column-count:3;
+    column-count:3
+  }
+}
 @media (min-width: 1120px) {
   #navbar.fixed,#navbar.shadow_bottom {
     -moz-box-shadow:0px 0px 8px rgba(0,0,0,0.2);
@@ -293,6 +300,11 @@
   #navbar.fixed #mainmenu li.current-menu-item a {
     border-bottom:4px solid #80C342
   }
+  .flowListDiv dl.flowList {
+    -webkit-column-count:2;
+    -moz-column-count:2;
+    column-count:2
+  }
 }
 @media (max-width: 1120px) {
   #navbar {
@@ -1220,6 +1232,19 @@ li a.active {
 .flowList {
   padding:25px
 }
+.flowListDiv dl {
+  -webkit-column-count:1;
+  -moz-column-count:1;
+  column-count:1
+}
+.flowList dd {
+  display:inline-block;
+  margin-left:10px;
+  width:90%;
+  line-height:1.15em;
+  overflow-x:hidden;
+  text-overflow:ellipsis
+}
 .alphaChar {
   font-size:2em;
   position:absolute