   justify-content: flex-end;
   width: 100%;
   top: 10px;
+  right: 10px;
 
   .container
-    margin: 0 10px 0 0;
     display: flex;
     height: 30px;
+    padding: 0 5px 0 0;
     background-color: #2b2b2b;
 
   .text


render: (output) ->
  info = output.split('@')
  status = info[0]
  percentage = info[1]
  remaining =
    if info[2].indexOf('no') == -1
      info[2]
    else
      ''
  info = [status, percentage, remaining].join(' ')
  """
  <div class="container">
    <div class='text key'>&nbsp;battery&nbsp;</div>
    <div class='text value'>&nbsp;#{info.trim()}&nbsp;</div>
  </div>
  """



  .value
    align-self: center;
    margin: 5px 0px 5px 5px;
    background-color: #d2e9dd;
  """
