Make sure node elements are properly tabbed out

Fixes: 271978118
Test: npm run test:all
Change-Id: I02a8347d1f05a2e3b34b1e3ba7d9003de071b1f6
This commit is contained in:
Pablo Gamito
2023-03-06 23:22:22 +00:00
parent 655557e247
commit 94e10743ad

View File

@@ -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 {