From 94e10743ad8a0cd2b91050808fe7e2c324a457bc Mon Sep 17 00:00:00 2001 From: Pablo Gamito Date: Mon, 6 Mar 2023 23:22:22 +0000 Subject: [PATCH] Make sure node elements are properly tabbed out Fixes: 271978118 Test: npm run test:all Change-Id: I02a8347d1f05a2e3b34b1e3ba7d9003de071b1f6 --- tools/winscope/src/viewers/components/styles/node.styles.ts | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/tools/winscope/src/viewers/components/styles/node.styles.ts b/tools/winscope/src/viewers/components/styles/node.styles.ts index 5898323c9..f8d8f9bf0 100644 --- a/tools/winscope/src/viewers/components/styles/node.styles.ts +++ b/tools/winscope/src/viewers/components/styles/node.styles.ts @@ -14,7 +14,7 @@ * limitations under the License. */ export const nodeStyles = ` - .node {position: relative;display: inline-block;padding: 2px 0; width: 100%;} + .node {position: relative;display: inline-flex;padding: 2px 0; width: 100%;} .node.clickable {cursor: pointer;} .node:not(.selected).added, .node:not(.selected).addedMove { @@ -57,7 +57,7 @@ export const nodeInnerItemStyles = ` .leaf-node-icon {content: ''; display: inline-block; margin-left: 40%; margin-top: 40%; height: 5px; width: 5px; border-radius: 50%;background-color: #9b9b9b;} .leaf-node-icon-wrapper, .description, .toggle-tree-btn, .expand-tree-btn, .pin-node-btn { position: relative; display: inline-block;} .pin-node-btn {padding: 0; transform: scale(0.7)} - .description {align-items: center; flex: 1 1 auto; vertical-align: middle; word-break: break-all;} + .description {align-items: center; flex: 1 1 auto; vertical-align: middle; word-break: break-all; flex-basis: 0;} .leaf-node-icon-wrapper{padding-left: 6px; padding-right: 6px; min-height: 24px; width: 24px; position:relative; align-content: center; vertical-align: middle;} .icon-button {