Visual improvements

src/core/BaseDialog.ts

@@ -567,7 +567,7 @@ namespace OS {
              * Scheme definition
              */
             CalendarDialog.scheme = `\
-<afx-app-window  width='300' height='230' apptitle = "Calendar" >
+<afx-app-window  width='300' height='250' apptitle = "Calendar" >
     <afx-vbox>
         <afx-hbox>
             <div data-width = "10" ></div>

src/core/tags/LabelTag.ts

@@ -33,7 +33,17 @@ namespace OS {
                  * @protected
                  * @memberof LabelTag
                  */
-                protected mount() {}
+                protected mount() {
+                    $(this.refs.container)
+                        .css("display", "flex")
+                        .css("flex-direction", "row");
+                    $(this.refs.iclass)
+                        .css("flex-shrink",0);
+                    $(this.refs.i)
+                        .css("flex-shrink",0);
+                    $(this.refs.text)
+                        .css("flex",1);
+                }
 
                 /**
                  * Refresh the text in the label

src/themes/system/afx-calendar-view.css

@@ -4,4 +4,7 @@ afx-calendar-view afx-grid-view afx-grid-row:nth-child(even) afx-grid-cell
 }
 afx-calendar-view afx-grid-view .grid_row_header afx-grid-cell{
     border-right: 0;
+}
+afx-calendar-view afx-label {
+    display: inline-block;
 }

src/themes/system/afx-label.css

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