Increase menu padding to reflect changes in Breeze

src/gtk3/widgets/_menus.scss

@@ -80,7 +80,7 @@ menu,
     text-shadow: none;
     min-height: 18px;
     min-width: 40px;
-    padding: 4px 4px;
+    padding: 8px 10px;
 
     @if $new-highlight {
       border: 1px solid transparent;
@@ -191,7 +191,7 @@ menuitem {
 modelbutton.flat,
 .menuitem.button.flat {
   min-height: 16px;
-  padding: 4px 8px;
+  padding: 7px 8px;
 
   @extend %undecorated_button;
   color: gtk("@theme_fg_color");

src/gtk4/widgets/_menus.scss

@@ -84,7 +84,7 @@ menu,
     text-shadow: none;
     min-height: 18px;
     min-width: 40px;
-    padding: 4px 4px;
+    padding: 8px 10px;
 
     @if $new-highlight {
       border: 1px solid transparent;
@@ -195,7 +195,7 @@ menuitem {
 modelbutton.flat,
 .menuitem.button.flat {
   min-height: 16px;
-  padding: 4px 8px;
+  padding: 7px 8px;
 
   border-radius: $r * 2;