correct status bar width, display configurator version in status bar

main.css

@@ -261,7 +261,7 @@ input[type="number"]::-webkit-inner-spin-button {
 
     bottom: 0px;
 
-    width: 100%;
+    width: calc(100% - 20px);
     height: 20px;
     line-height: 20px;
 
@@ -278,6 +278,13 @@ input[type="number"]::-webkit-inner-spin-button {
 
     border-right: 1px solid #7d7d79;
 }
+#status-bar .version {
+    float: right;
+
+    margin: 0;
+    padding: 0;
+    border: 0;
+}
 #cache {
     display: none;
 }

main.html

@@ -134,6 +134,9 @@
             <div>
                 <span i18n="statusbar_cycle_time"></span> <span class="cycle-time">0</span>
             </div>
+            <div class="version">
+                <!-- configuration version generated here -->
+            </div>
         </div>
         <div id="cache">
             <div class="data-loading">

main.js

@@ -17,6 +17,8 @@ $(document).ready(function () {
         'Chrome: <strong>' + window.navigator.appVersion.replace(/.*Chrome\/([0-9.]*).*/, "$1") + '</strong>, ' +
         'Configurator: <strong>' + chrome.runtime.getManifest().version + '</strong>');
 
+    $('#status-bar .version').text(chrome.runtime.getManifest().version);
+
     // notification messages for various operating systems
     switch (GUI.operating_system) {
         case 'Windows':