fixes like cursor, e nter, backspace, width, numbering count and font size

dist/assets/a-doc-editor.css

@@ -9,6 +9,10 @@
     justify-content: flex-start;
 }
 
+hidden {
+    display: none;
+}
+
 .header {
     position: relative;
     display: block;
@@ -21,7 +25,31 @@
     width: 100%;
     background: pink;
     display: flex;
-    gap: 10px;
+}
+
+.toolbar [adc-type="menu-options"] {
+    position: absolute;
+    opacity: 0;
+    pointer-events: none;
+    border-radius: 5px;
+    background-color: goldenrod;
+}
+
+.toolbar [adc-type="menu-item"]:hover [adc-type="menu-options"] {
+    opacity: 1;
+    z-index: 10;
+    pointer-events: auto;
+}
+
+.toolbar [adc-type="menu-options"] [adc-type="sub-menu"] {
+    border-radius: 5px;
+    min-width: 100px;
+    padding: 5px;
+    background-color: goldenrod;
+}
+
+.toolbar [adc-type="menu-options"] [adc-type="sub-menu"]:hover {
+    background-color: gold;
 }
 
 .toolbar .item {
@@ -36,7 +64,8 @@
     margin: 4px;
     cursor: pointer;
 }
-.popover{
+
+.popover {
     position: absolute;
     padding: 5px;
     background-color: gray;
@@ -44,32 +73,40 @@
     opacity: 0;
     pointer-events: none;
 }
-.popover.show{
+
+.popover.show {
     opacity: 1;
     pointer-events: auto;
     z-index: 10;
 }
+
 .toolbar .item:hover {
     background: #5fad5f;
 }
+
 [adc-type="popover"] {
     pointer-events: none;
 }
+
 .small-input {
     width: 50px;
 }
+
 .small-btn {
     width: 25px;
 }
+
 .option {
     border: 1px solid black;
     padding: 5px;
     margin: 5px;
     border-radius: 4px;
 }
+
 .option:hover {
     background-color: #f5c468;
 }
+
 .page-list {
     position: relative;
     display: block;