style improvement on Label, FileView, GridView, system menu and app Panel

src/core/tags/FileViewTag.ts

@@ -468,7 +468,8 @@ namespace OS {
                             v.text = v.text.substring(0, 9) + "...";
                         }*/
                         v.iconclass = v.iconclass ? v.iconclass : v.type;
-                        v.icon = v.icon;
+                        if(v.icon)
+                            v.iconclass = undefined;
                         items.push(v);
                     });
                     (this.refs.listview as ListViewTag).data = items;
@@ -489,7 +490,10 @@ namespace OS {
                         }
                         if(!v.text)
                             v.text = v.filename;
+                        
                         v.iconclass = v.iconclass ? v.iconclass : v.type;
+                        if(v.icon)
+                            v.iconclass = undefined;
                         const row = [
                             v,
                             {
@@ -550,7 +554,8 @@ namespace OS {
                             v.open = false;
                         }
                         v.iconclass = v.iconclass ? v.iconclass : v.type;
-                        v.icon = v.icon;
+                        if(v.icon)
+                            v.iconclass = undefined;
                         return nodes.push(v);
                     });
                     return nodes;

src/core/tags/GridViewTag.ts

@@ -346,6 +346,9 @@ namespace OS {
                  * @memberof SimpleGridCellTag
                  */
                 protected ondatachange(): void {
+                    const label = (this.refs.cell as LabelTag);
+                    label.icon = undefined;
+                    label.iconclass = undefined;
                     (this.refs.cell as LabelTag).set(this.data);
                 }
 

src/core/tags/MenuTag.ts

@@ -386,14 +386,14 @@ namespace OS {
                  * @memberof SimpleMenuEntryTag
                  */
                 set icon(v: string) {
-                    $(this.refs.container).removeClass("fix_padding");
+                    //$(this.refs.container).removeClass("fix_padding");
                     if (!v) {
                         return;
                     }
                     //$(this).attr("icon", v);
                     const label = this.refs.label as LabelTag;
                     label.icon = v;
-                    $(this.refs.container).addClass("fix_padding");
+                    //$(this.refs.container).addClass("fix_padding");
                 }
 
                 /**

src/themes/antos_dark/afx-menu.css

@@ -1,8 +1,7 @@
 afx-menu afx-switch span{
-    width: 20px;
+    padding-top: 3px;
-    height: 16px;
     font-size: 16px;
-    /*margin-top:5px;*/
+    height: 19px;
 }
 afx-menu span.shortcut{
    text-align: right;
@@ -21,7 +20,6 @@ afx-menu afx-menu ul {
     background-color: #363636;
 }
 afx-menu ul  li /*, afx-menu ul >afx-menu-entry > li*/{
-    padding:3px;
     padding-left: 5px;
     padding-right: 5px;
 }
@@ -56,3 +54,7 @@ afx-menu afx-menu .afx_submenu:before, afx-menu  ul.context  .afx_submenu:before
  afx-menu  ul.context li{
     min-width: 150px;
  }
+
+afx-menu afx-label span {
+     height: 22px !important;
+ }

src/themes/antos_light/afx-menu.css

@@ -1,8 +1,7 @@
 afx-menu afx-switch span{
-    width: 20px;
+    padding-top: 3px;
-    height: 16px;
     font-size: 16px;
-    /*margin-top:5px;*/
+    height: 19px;
 }
 afx-menu span.shortcut{
    text-align: right;
@@ -21,7 +20,6 @@ afx-menu afx-menu ul {
     background-color: #e7e7e7;
 }
 afx-menu ul  li /*, afx-menu ul >afx-menu-entry > li*/{
-    padding:3px;
     padding-left: 5px;
     padding-right: 5px;
 }
@@ -56,3 +54,7 @@ afx-menu afx-menu .afx_submenu:before, afx-menu  ul.context  .afx_submenu:before
  afx-menu  ul.context li{
     min-width: 150px;
  }
+
+afx-menu afx-label span {
+     height: 22px !important;
+ }

src/themes/system/afx-label.css

@@ -1,8 +1,15 @@
 afx-label  i.icon-style {
-    float: left;
+    display: inline-block;
+    flex-shrink: 0;
+}
+afx-label span {
+    display: flex;
+    flex-direction: row;
+    align-items:center;
 }
 afx-label  i.label-text{
     font-weight: normal;
     font-style: normal;
     margin-left: 3px;
+    flex: 1;
 }

src/themes/system/afx-menu.css

@@ -34,6 +34,7 @@ afx-menu ul  li {
     float: left;
     cursor:default;
 }
+/*
 afx-menu ul  li.fix_padding{
     padding-top:1px;
     padding-bottom: 0;
@@ -45,7 +46,7 @@ afx-menu afx-menu ul  li.fix_padding{
     padding:3px;
     padding-left: 5px;
     padding-right: 5px;
-} 
+} */
 afx-menu  afx-menu {
     top:100%;
     left:0;

src/themes/system/afx-sys-panel.css

@@ -97,3 +97,9 @@ afx-sys-panel afx-hbox[data-id="btlist"]  afx-button button
     border-radius: 0;
     border: 0px;
 }
+
+afx-sys-panel afx-list-view[data-id="applist"] afx-label span,
+afx-sys-panel afx-list-view[data-id="catlist"] afx-label span
+{
+    white-space: nowrap;
+}