1.0.64

package-lock.json

@@ -1,6 +1,6 @@
 {
   "name": "@uptimelink/webwidget",
-  "version": "1.0.62",
+  "version": "1.0.64",
   "lockfileVersion": 1,
   "requires": true,
   "dependencies": {

package.json

@@ -1,6 +1,6 @@
 {
   "name": "@uptimelink/webwidget",
-  "version": "1.0.62",
+  "version": "1.0.64",
   "private": false,
   "description": "the webwidget for public use of uptimelink",
   "main": "dist_ts_web/index.js",

ts_web/elements/uptimelink-webwidget.ts

@@ -27,12 +27,14 @@ export class UptimelinkWebwidget extends DeesElement {
       ${domtools.elementBasic.styles}
       <style>
         :host {
+          position: relative;
           display: block;
+          height: 30px;
+          z-index:10;
         }
         .mainbox {
           position: relative;
           line-height: 1em;
-          
           margin: auto;
           font-family: Roboto;
           font-weight: 400;
@@ -57,7 +59,7 @@ export class UptimelinkWebwidget extends DeesElement {
 
         .mainbox.focused {
           width: 200px;
-          height: 128px;
+          height: 118px;
         }
 
         .statusindicator {
@@ -92,7 +94,7 @@ export class UptimelinkWebwidget extends DeesElement {
           background: ${this.goBright ? 'rgba(0,0,0,0.07)' : 'rgba(255,255,255,0.07)'};
           border-radius: 3px;
           width: 190px;
-          height: 40px;
+          height: 30px;
           display: grid;
           padding: 3px 3px;
           grid-template-columns: repeat(30, 4px);
@@ -111,7 +113,7 @@ export class UptimelinkWebwidget extends DeesElement {
         .viewStatuspage {
           position: absolute;
           width: 190px;
-          top: 90px;
+          top: 80px;
           left: calc(50% - 95px);
           text-align: center;
           background: ${this.goBright ? 'rgba(0,0,0,0.07)' : 'rgba(255,255,255,0.07)'};