add point mode

css/common/bootstrap.less

@@ -196,28 +196,10 @@ hr {
     }
 
     >[data-split] {
-        padding: 0;
+        padding: 0!important;
         width: 1px;
         height: 40px;
         background: lighten(#707781, 15%);
         pointer-events: none;
     }
-}
-
-@media screen and (min-width:1200px) and (max-width:1400px){
-    .command-groups {
-        >li,
-        >li[data-theme="ico"] {
-            padding: 0 8px;
-        }
-    }
-}
-
-@media screen and (max-width:1200px){
-    .command-groups {
-        >li,
-        >li[data-theme="ico"] {
-            padding: 0 4px;
-        }
-    }
 }

css/common/common.less

@@ -159,8 +159,27 @@ body, html {
             display: block;
         }
     }
+    @media screen and (min-width:1300px) and (max-width:1600px){
+        .command-groups {
+            >li,
+            >li[data-theme="ico"] {
+                padding: 0 8px;
+            }
+        }
+    }
+
+    @media screen and (max-width:1300px){
+        .command-groups {
+            >li,
+            >li[data-theme="ico"] {
+                padding: 0 4px;
+            }
+        }
+    }
 }
 
+
+
 .editor.editing {
     display: block;
 }

css/common/glyf-list.less

@@ -100,6 +100,38 @@
     }
 }
 
+.glyf-list {
+
+    &.xlarge {
+        >.glyf-item {
+            width: 160px;
+            .glyf {
+                width: 160px;
+                height: 160px;
+            }
+        }
+    }
+
+    &.large {
+        >.glyf-item {
+            width: 120px;
+            .glyf {
+                width: 120px;
+                height: 120px;
+            }
+        }
+    }
+
+    &.small {
+        >.glyf-item {
+            width: 60px;
+            .glyf {
+                width: 60px;
+                height: 60px;
+            }
+        }
+    }
+}
 
 .glyf-list.no-hover {
   .glyf-item {

css/common/ico.less

@@ -178,4 +178,12 @@
 
 .i-tangencyshapes {
     .i-ico('\e027');
+}
+
+.i-rangemode {
+    .i-ico('\e029');
+}
+
+.i-pointmode {
+    .i-ico('\e028');
 }