DevTools: fix computed style pane layout

Both computed section and platform fonts should not be shrinkable.

BUG=none
TBR=pfeldman

Review-Url: https://codereview.chromium.org/2171653002
Cr-Commit-Position: refs/heads/master@{#406760}

third_party/WebKit/Source/devtools/front_end/elements/PlatformFontsWidget.js

@@ -42,6 +42,7 @@ WebInspector.PlatformFontsWidget = function(sharedModel)
     this._sharedModel.addEventListener(WebInspector.ComputedStyleModel.Events.ComputedStyleChanged, this.update, this);
 
     this._sectionTitle = createElementWithClass("div", "title");
+    this.contentElement.classList.add("platform-fonts");
     this.contentElement.appendChild(this._sectionTitle);
     this._sectionTitle.textContent = WebInspector.UIString("Rendered Fonts");
     this._fontStatsSection = this.contentElement.createChild("div", "stats-section");

third_party/WebKit/Source/devtools/front_end/elements/computedStyleSidebarPane.css

@@ -6,6 +6,7 @@
 
 .computed-properties {
     -webkit-user-select: text;
+    flex-shrink: 0;
 }
 
 .computed-style-property {

third_party/WebKit/Source/devtools/front_end/elements/platformFontsWidget.css

@@ -8,6 +8,10 @@
     -webkit-user-select: text;
 }
 
+.platform-fonts {
+    flex-shrink: 0;
+}
+
 .font-name {
     font-weight: bold;
 }