fix(style): adjust dialog button styling and menu layout

- Update dialog button to 'normal' action style and adjust padding
- Improve menu layout for color square and list item text
- Refactor menu separator styling for better visual consistency

style/components/dialog.scss

@@ -281,8 +281,8 @@
             }
 
             .b3-button {
-                @include button-action('primary');
-                padding: 0 8px;
+                @include button-action('normal');
+                padding: 4px 8px;
                 background-color: transparent;
             }
         }

style/components/menu.scss

@@ -136,6 +136,11 @@
     background-color: var(--b3-menu-background);
 
     &.hint--menu {
+
+        .color__square {
+            width: 20px;
+            height: 20px;
+        }
 
         @media screen and (min-width: 1292px) {
 
@@ -150,14 +155,14 @@
                 column-rule: 1px solid var(--b3-border-color-trans);
 
                 .b3-list-item {
-
                     .b3-list-item__text {
                         width: max-content;
                         margin-right: 4px;
                     }
                 }
 
-                .b3-menu__separator:not(:nth-of-type(2n + 4)) {
+                button:nth-child(-n + 3 of .b3-menu__separator),
+                button:nth-child(5 of .b3-menu__separator) {
                     break-before: column;
                     margin-bottom: -5px;
                     background-color: transparent