/*
 * Copyright 2016 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file.
 */

.report-row {
  display: flex;
  align-items: center;
}

.clear-storage-button .report-row {
  margin: 0 0 0 17px;
  display: flex;
}

.link {
  margin-left: 10px;
  display: none;
}

.report-row:hover .link {
  display: inline;
}

.usage-breakdown-row {
  min-width: fit-content;
}

.clear-storage-container {
  overflow: auto;
}

.clear-storage-header {
  min-width: 400px;
}

/*
 * Copyright 2016 The Chromium Authors. All rights reserved.
 * Use of this source code is governed by a BSD-style license that can be
 * found in the LICENSE file.
 */

.report-row {
  display: flex;
  align-items: center;
  white-space: normal;
}

.clear-storage-button .report-row {
  margin: 0 0 0 17px;
  display: flex;
}

.link {
  margin-left: 10px;
  display: none;
}

.report-row:hover .link {
  display: inline;
}

.usage-breakdown-row {
  min-width: fit-content;
}

.clear-storage-container {
  overflow: auto;
}

.clear-storage-header {
  min-width: 400px;
}

Fix double scrollbar when using huge fonts
Fix double scrollbar when using huge fonts

When using huge fonts it was possible to see 2 horizontal scrollbars in
the application panel's 'clear storage' view (could reproduce on MacOS,
not on Linux). This is fixed by allowing line breaks.

Screenshots:
Before: https://i.imgur.com/FTdm6Qv.png
After: https://i.imgur.com/nV6D1xd.png

Fixed: chromium:1134041
Change-Id: Ie15a8121182e0d81e349fa6c647fa30e0c0ee4e0
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/2443614
Reviewed-by: Simon Zünd <38944668e9e2ca98ccd0275b53370f90fa55c113@chromium.org>
Commit-Queue: Wolfgang Beyer <573aa99bb19da47d816981118f95c945310dd3f4@chromium.org>
