Fix left side paddings for menus without checkmarks

Screenshot: https://imgur.com/a/Jvm60bv

Bug: 325442935
Change-Id: I25258d5cf6b5805eac0d62575440426514224e03
Reviewed-on: https://chromium-review.googlesource.com/c/devtools/devtools-frontend/+/6249245
Commit-Queue: Kim-Anh Tran <[email protected]>
Auto-Submit: Kateryna Prokopenko <[email protected]>
Reviewed-by: Kim-Anh Tran <[email protected]>

Author: Kateryna Prokopenko

front_end/panels/protocol_monitor/JSONEditor.ts

@@ -901,6 +901,7 @@ export class JSONEditor extends Common.ObjectWrapper.eventMixin<EventTypes, type
           ${repeat(this.targets, target => {
           return html`
                 <devtools-menu-item
+                  class="no-checkmark"
                   .value=${target.id()}>
                     ${this.#computeTargetLabel(target)}
                 </devtools-menu-item>

front_end/ui/components/menus/menuItem.css

@@ -17,6 +17,10 @@
   outline: none;
 }
 
+:host(.no-checkmark) .menu-item {
+  padding-left: 0;
+}
+
 :host(:not(:first-child)) .menu-item {
   border-top: var(--override-divider-line);
 }