issue #1

Fix weather icon issue
- using openweather's one

1. Support unread message notification on widjet

procentric/application/hoteltv.app.full.widjet.css

@@ -42,38 +42,70 @@
 
 /* SETP[#003-2]: Message */
 
+.widjet .top .message {
+    position: absolute;
+    top: -11px;
+    left: 1618px;
+    height: 100px;
+    /* float: left; */
+    display: block;
+    padding: 24px 10px 10px 10px;
+}
+
+.widjet .top .message #unread_cnt {
+    /* position: relative; */
+    width: 66px;
+    height: 100%;
+    float: left;
+    background-image: url(images/icons/icon_widjet_top_message_cnt.png);
+    background-size: contain;
+    background-repeat: no-repeat;
+    padding: 4px 0px 0px 0px;
+    vertical-align: middle;
+    color: rgb(235, 235, 235);
+    font-size: 46px;
+    line-height: 52px;
+    text-align: center;
+}
+
 
 /* SETP[#003-3]: Weather */
 
 .widjet .top .weather {
     position: absolute;
-    top: 7px;
-    left: 1420px;
-    height: 52px;
+    top: -11px;
+    left: 1370px;
+    height: 100px;
     float: left;
     background-image: none;
     background-size: contain;
     background-repeat: no-repeat;
     display: block;
+    margin: 7px 0px 0px 0px;
 }
 
 .widjet .top .weather #icon {
     position: relative;
-    top: 8px;
+    /* top: -10px; */
     left: 16px;
-    width: 80px;
-    height: 52px;
+    width: 100px;
+    height: 100%;
     float: left;
     background-image: none;
     background-size: contain;
     background-repeat: no-repeat;
+    justify-content: center;
+    display: flex;
+    align-items: center;
 }
 
 .widjet .top .weather #temp {
     position: relative;
     left: 14px;
     float: left;
-    font-size: 64px;
+    font-size: 60px;
+    line-height: 100px;
+    vertical-align: middle;
     color: rgb(235, 235, 235);
 }