Lock Screen (style update)

options.js

return {
  "name": "Lock Screen",
  "deviceMap": [{ "deviceType": "lock-screen" }]
}

style.less

background: white;

.lock-screen-widget {
  padding: 30px 10px 10px;
  
  .icon {
    font-size: 160px;
    color: hsl(12,89%,45%);
    display: block;
    text-align: center;
    line-height: 0.5em;
    margin: 10px;
  }  
  button {
    width: 90%;
    display: block;
    margin: 0 auto;
  }
 
}

view.html

<div class="lock-screen-widget">
  <span class="icon">&#128273;</span>
  <button class="button red-gradient">Lock Screen</button>
</div>

widget.js

element.find('button').click(function() {
  scope.ActuateAll(1);
});