[design] improve group control spacing

Author: zombieFox

src/css/group.css

@@ -30,7 +30,7 @@
 justify-content: flex-start;
 align-items: center;
 flex-wrap: nowrap;
-transition: padding var(--layout-timing-extra-fast);
+transition: padding var(--layout-timing-extra-fast)var(--layout-duration-04);
 }
 
 .is-group-name-show .group-header,
@@ -47,7 +47,6 @@
 overflow: hidden;
 font-size:var(--group-name-size);
 transition: height var(--layout-timing-extra-fast);
-transition: height var(--layout-timing-extra-fast);
 }
 
 .is-group-name-show .group-name{
@@ -91,6 +90,11 @@
 flex-shrink:0;
 }
 
+.group-control-item .button-icon{
+padding-left:0.175em;
+padding-right:0.175em;
+}
+
 .group-body{
 font-size:calc(var(--link-item-size) *1);
 background-color: transparent;