[Sync] chrome://sync-internals uses deprecated CSS

components/sync_driver/resources/sync_node_browser.js

Index: components/sync_driver/resources/sync_node_browser.js
diff --git a/components/sync_driver/resources/sync_node_browser.js b/components/sync_driver/resources/sync_node_browser.js
index 1232a4c23f1469ce4c0f2d515fd18dc4b8d08e1e..f236278aa83b019b05e4d4b73266b907aa37b970 100644
--- a/components/sync_driver/resources/sync_node_browser.js
+++ b/components/sync_driver/resources/sync_node_browser.js
@@ -205,7 +205,21 @@
 
   document.addEventListener('DOMContentLoaded', function(e) {
     $('node-browser-refresh-button').addEventListener('click', refresh);
-    cr.ui.decorate('#sync-node-splitter', cr.ui.Splitter);
+    var Splitter = cr.ui.Splitter;
+    var customSplitter = cr.ui.define('div');
+
+    customSplitter.prototype = {
+      __proto__: Splitter.prototype,
+
+      handleSplitterDragEnd: function(e) {
+        Splitter.prototype.handleSplitterDragEnd.apply(this, arguments);
+        var treeElement = $("sync-node-tree-container");
+        var newWidth = parseFloat(treeElement.style.width);
+        treeElement.style.minWidth = Math.max(newWidth, 50) + "px";
+      }
+    };
+
+    customSplitter.decorate($("sync-node-splitter"));
 
     // Automatically trigger a refresh the first time this tab is selected.
     $('sync-browser-tab').addEventListener('selectedChange', function f(e) {