Put application's providers to 2 columns.

web/src/ApplicationListPage.js

@@ -14,7 +14,7 @@
 
 import React from "react";
 import {Link} from "react-router-dom";
-import {Button, List, Popconfirm, Table, Tooltip} from 'antd';
+import {Button, Col, List, Popconfirm, Row, Table, Tooltip} from 'antd';
 import {EditOutlined} from "@ant-design/icons";
 import moment from "moment";
 import * as Setting from "./Setting";
@@ -171,16 +171,20 @@ class ApplicationListPage extends React.Component {
         title: i18next.t("general:Providers"),
         dataIndex: 'providers',
         key: 'providers',
-        width: '300px',
+        // width: '600px',
         render: (text, record, index) => {
           const providers = text;
           if (providers.length === 0) {
             return "(empty)";
           }
 
+          const half = Math.floor((providers.length + 1) / 2);
+
+          const getList = (providers) => {
             return (
               <List
                 size="small"
+                locale={{emptyText: " "}}
                 dataSource={providers}
                 renderItem={(providerItem, i) => {
                   return (
@@ -198,6 +202,24 @@ class ApplicationListPage extends React.Component {
                 }}
               />
             )
+          }
+
+          return (
+            <div>
+              <Row>
+                <Col span={12}>
+                  {
+                    getList(providers.slice(0, half))
+                  }
+                </Col>
+                <Col span={12}>
+                  {
+                    getList(providers.slice(half))
+                  }
+                </Col>
+              </Row>
+            </div>
+          )
         },
       },
       {