Rearranging icons on the editor

Author: PGMacDesign2

sample/common/src/commonMain/kotlin/com/kjcommunities/KJDemoPanel.kt

@@ -96,35 +96,6 @@ fun KJDemoPanel(
         }
         */
 
-        item {
-            KJDemoPanelButton(
-                onClick = {
-                    state.toggleH1()
-                },
-                isSelected = state.isH1,
-                icon = Icons.Outlined.H1
-            )
-        }
-
-        item {
-            KJDemoPanelButton(
-                onClick = {
-                    state.toggleH2()
-                },
-                isSelected = state.isH2,
-                icon = Icons.Outlined.H2
-            )
-        }
-
-        item {
-            Box(
-                Modifier
-                    .height(24.dp)
-                    .width(1.dp)
-                    .background(Color(0xFF393B3D))
-            )
-        }
-
         item {
             KJDemoPanelButton(
                 onClick = {
@@ -311,6 +282,26 @@ fun KJDemoPanel(
             )
         }
 
+        item {
+            KJDemoPanelButton(
+                onClick = {
+                    state.toggleH1()
+                },
+                isSelected = state.isH1,
+                icon = Icons.Outlined.H1
+            )
+        }
+
+        item {
+            KJDemoPanelButton(
+                onClick = {
+                    state.toggleH2()
+                },
+                isSelected = state.isH2,
+                icon = Icons.Outlined.H2
+            )
+        }
+
         // Code span button removed - not supported in Lexical format
         /*
         item {

sample/common/src/commonMain/kotlin/com/kjcommunities/icons/CustomIcons.kt

@@ -16,38 +16,45 @@ val Icons.Outlined.H1: ImageVector
         _h1 = materialIcon(name = "Outlined.H1") {
             materialPath {
                 // Draw "H" - left vertical line
-                moveTo(4f, 4f)
-                lineTo(6f, 4f)
-                lineTo(6f, 20f)
-                lineTo(4f, 20f)
+                moveTo(3f, 4f)
+                lineTo(5f, 4f)
+                lineTo(5f, 20f)
+                lineTo(3f, 20f)
                 close()
 
-                // Draw "H" - horizontal line
-                moveTo(4f, 11f)
-                lineTo(12f, 11f)
-                lineTo(12f, 13f)
-                lineTo(4f, 13f)
+                // Draw "H" - horizontal crossbar
+                moveTo(3f, 11f)
+                lineTo(9f, 11f)
+                lineTo(9f, 13f)
+                lineTo(3f, 13f)
                 close()
 
                 // Draw "H" - right vertical line
-                moveTo(10f, 4f)
-                lineTo(12f, 4f)
-                lineTo(12f, 20f)
-                lineTo(10f, 20f)
+                moveTo(7f, 4f)
+                lineTo(9f, 4f)
+                lineTo(9f, 20f)
+                lineTo(7f, 20f)
                 close()
 
-                // Draw "1" 
-                moveTo(16f, 6f)
-                lineTo(18f, 4f)
-                lineTo(20f, 4f)
-                lineTo(20f, 6f)
-                lineTo(18f, 6f)
-                lineTo(18f, 18f)
-                lineTo(20f, 18f)
-                lineTo(20f, 20f)
-                lineTo(16f, 20f)
-                lineTo(16f, 18f)
+                // Draw "1" - simple vertical line
+                moveTo(14f, 6f)
                 lineTo(16f, 6f)
+                lineTo(16f, 18f)
+                lineTo(14f, 18f)
+                close()
+                
+                // Draw "1" - top left diagonal
+                moveTo(12f, 8f)
+                lineTo(14f, 6f)
+                lineTo(15f, 7f)
+                lineTo(13f, 9f)
+                close()
+                
+                // Draw "1" - bottom base
+                moveTo(12f, 18f)
+                lineTo(18f, 18f)
+                lineTo(18f, 20f)
+                lineTo(12f, 20f)
                 close()
             }
         }
@@ -67,45 +74,59 @@ val Icons.Outlined.H2: ImageVector
         _h2 = materialIcon(name = "Outlined.H2") {
             materialPath {
                 // Draw "H" - left vertical line
-                moveTo(4f, 4f)
-                lineTo(6f, 4f)
-                lineTo(6f, 20f)
-                lineTo(4f, 20f)
+                moveTo(3f, 4f)
+                lineTo(5f, 4f)
+                lineTo(5f, 20f)
+                lineTo(3f, 20f)
                 close()
 
-                // Draw "H" - horizontal line
-                moveTo(4f, 11f)
-                lineTo(12f, 11f)
-                lineTo(12f, 13f)
-                lineTo(4f, 13f)
+                // Draw "H" - horizontal crossbar
+                moveTo(3f, 11f)
+                lineTo(9f, 11f)
+                lineTo(9f, 13f)
+                lineTo(3f, 13f)
                 close()
 
                 // Draw "H" - right vertical line
-                moveTo(10f, 4f)
-                lineTo(12f, 4f)
-                lineTo(12f, 20f)
-                lineTo(10f, 20f)
+                moveTo(7f, 4f)
+                lineTo(9f, 4f)
+                lineTo(9f, 20f)
+                lineTo(7f, 20f)
                 close()
 
                 // Draw "2" - top horizontal line
-                moveTo(16f, 4f)
-                lineTo(20f, 4f)
-                lineTo(20f, 6f)
+                moveTo(12f, 6f)
                 lineTo(18f, 6f)
-                lineTo(18f, 10f)
-                lineTo(20f, 10f)
-                lineTo(20f, 12f)
+                lineTo(18f, 8f)
+                lineTo(12f, 8f)
+                close()
+                
+                // Draw "2" - right vertical part
+                moveTo(16f, 8f)
+                lineTo(18f, 8f)
+                lineTo(18f, 12f)
                 lineTo(16f, 12f)
-                lineTo(16f, 10f)
-                lineTo(16f, 6f)
-                lineTo(16f, 4f)
+                close()
+                
+                // Draw "2" - middle horizontal line
+                moveTo(12f, 12f)
+                lineTo(18f, 12f)
+                lineTo(18f, 14f)
+                lineTo(12f, 14f)
+                close()
+                
+                // Draw "2" - left vertical part
+                moveTo(12f, 14f)
+                lineTo(14f, 14f)
+                lineTo(14f, 18f)
+                lineTo(12f, 18f)
                 close()
 
                 // Draw "2" - bottom horizontal line
-                moveTo(16f, 18f)
-                lineTo(20f, 18f)
-                lineTo(20f, 20f)
-                lineTo(16f, 20f)
+                moveTo(12f, 18f)
+                lineTo(18f, 18f)
+                lineTo(18f, 20f)
+                lineTo(12f, 20f)
                 close()
             }
         }