[GM3Restyling] Update Recorder > export dialog menu

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

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

Author: Kateryna Prokopenko

front_end/ui/components/menus/menu.css

@@ -18,7 +18,7 @@
 
 #container {
   list-style-type: none;
-  margin: 0;
+  margin-top: var(--sys-size-4);
   padding: 0;
   width: fit-content;
   display: block;

front_end/ui/components/menus/menuGroup.css

@@ -5,7 +5,6 @@
  */
 
 .menu-group-label {
-  margin: 4px 30px 4px 10px;
   font-size: 12px;
   line-height: 16px;
   position: relative;

front_end/ui/components/menus/menuItem.css

@@ -22,7 +22,7 @@
 }
 
 :host-context(devtools-menu-group) .menu-item {
-  padding: 4px 30px 4px 36px;
+  padding: var(--sys-size-3) 0 var(--sys-size-3) 26px;
 }
 
 .is-selected-item::before {