| /* Copyright 2020 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. */ |
| |
| #page-container { |
| display: flex; |
| flex-direction: column; |
| } |
| |
| #page-controls { |
| display: flex; |
| flex-direction: row; |
| height: 15vh; |
| } |
| |
| #graph-and-node-details-container { |
| display: flex; |
| flex-direction: row; |
| } |
| |
| .selected-node-details { |
| display: flex; |
| flex-direction: column; |
| min-width: 400px; |
| } |
| |
| .url-generator { |
| display: flex; |
| flex-direction: row; |
| } |
| |
| .user-input-group { |
| display: flex; |
| flex-direction: column; |
| } |
| |
| .filter-items { |
| overflow: hidden; |
| overflow-y: scroll; |
| min-width: 100px; |
| margin-right: 20px; |
| } |
| |
| #graph-svg { |
| background-color: #eee; |
| } |
| |
| .graph-edges line { |
| stroke: #999; |
| stroke-opacity: 0.6; |
| } |
| |
| .graph-nodes circle { |
| stroke: #fff; |
| stroke-width: 1.5px; |
| } |
| |
| .graph-labels text { |
| font-family: sans-serif; |
| font-size: 12px; |
| } |
| |
| .graph-nodes circle.locked { |
| stroke: #000; |
| stroke-width: 3; |
| } |