Backport multiple DC UI fix to 1.4

> Display a maximum of three datacenters per row in the UI. > (More than three DCs per row messes up the table and becomes unreadable.)
thelastpickle · Aug 23, 2019 · 8bcf6d3 · 8bcf6d3
1 parent 3dcb5d5
commit 8bcf6d3
Showing 1 changed file with 1 addition and 1 deletion.
diff --git a/src/ui/app/jsx/cluster-list.jsx b/src/ui/app/jsx/cluster-list.jsx
@@ -214,7 +214,7 @@ const Datacenter = React.createClass({
       marginLeft: "0",
       paddingLeft: "0",
       paddingRight: "1px",
-      width: (((dcSize/this.props.totalLoad)*100)) + "%"
+      width: Math.max(33,((dcSize/this.props.totalLoad)*100)) + "%"
     };
 
     let badgeStyle = {