better menu separators

haxe/ui/_module/styles/default/menus.css

@@ -149,6 +149,11 @@
 }
 
 .menuseparator {
+    width: 100%;
+    height: auto;
+}
+
+.menuseparator-line {
     height: 1px;
     width: 100%;
     background-color: $normal-border-color;
@@ -158,3 +163,8 @@
 .menu.rounded .menuitem {
     border-radius: 3px;
 }
+
+.menu.rounded .menuseparator {
+    padding-top: 3px;
+    padding-bottom: 3px;
+}

haxe/ui/containers/menus/MenuSeparator.hx

@@ -1,6 +1,27 @@
 package haxe.ui.containers.menus;
 
 import haxe.ui.core.Component;
+import haxe.ui.core.CompositeBuilder;
+import haxe.ui.layouts.DefaultLayout;
 
+@:composite(Builder, Layout)
 class MenuSeparator extends Component {
-}
+}
+
+//***********************************************************************************************************
+// Composite Builder
+//***********************************************************************************************************
+@:dox(hide) @:noCompletion
+@:access(haxe.ui.core.Component)
+private class Builder extends CompositeBuilder {
+    public override function create() {
+        super.create();
+        var line = new Component();
+        line.scriptAccess = false;
+        line.addClass("menuseparator-line");
+        _component.addComponent(line);
+    }
+}
+
+private class Layout extends DefaultLayout {
+}