From 5dc75040ad97b36c9f174a9f8f2d2382066316ce Mon Sep 17 00:00:00 2001
From: lushnikov <lushnikov@chromium.org>
Date: Wed, 20 Jul 2016 20:38:09 -0700
Subject: [PATCH] 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}
---
 front_end/elements/PlatformFontsWidget.js       | 1 +
 front_end/elements/computedStyleSidebarPane.css | 1 +
 front_end/elements/platformFontsWidget.css      | 4 ++++
 3 files changed, 6 insertions(+)

diff --git a/front_end/elements/PlatformFontsWidget.js b/front_end/elements/PlatformFontsWidget.js
index 7c8d6f586c..140c347810 100644
--- a/front_end/elements/PlatformFontsWidget.js
+++ b/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");
diff --git a/front_end/elements/computedStyleSidebarPane.css b/front_end/elements/computedStyleSidebarPane.css
index 34828965ec..0cc8244e71 100644
--- a/front_end/elements/computedStyleSidebarPane.css
+++ b/front_end/elements/computedStyleSidebarPane.css
@@ -6,6 +6,7 @@
 
 .computed-properties {
     -webkit-user-select: text;
+    flex-shrink: 0;
 }
 
 .computed-style-property {
diff --git a/front_end/elements/platformFontsWidget.css b/front_end/elements/platformFontsWidget.css
index 0a0abd6381..a9b99c5472 100644
--- a/front_end/elements/platformFontsWidget.css
+++ b/front_end/elements/platformFontsWidget.css
@@ -8,6 +8,10 @@
     -webkit-user-select: text;
 }
 
+.platform-fonts {
+    flex-shrink: 0;
+}
+
 .font-name {
     font-weight: bold;
 }