bugfix of buttonenable and some styling

octoprint_klipper/static/css/klipper.css

@@ -3,6 +3,7 @@
    overflow-y: scroll;
    height: 400px;
    border: 1px solid #eee;
+   width: 100%;
 }
 
 .plugin-klipper-log .log-item {
@@ -34,6 +35,7 @@
 
 .clear-btn {
    margin-top: 6px;
+   margin-bottom: 6px;
 }
 
 #level .add-on {
@@ -65,14 +67,22 @@ ul#klipper-settings {
 
 #tab_plugin_klipper_main .span8 {
    min-width: 50%;
-   width: auto;
-   flex-grow: 6;
+   width: unset;
+   flex-grow: 8;
+   float: left;
+   box-sizing: border-box;
+}
+
+#tab_plugin_klipper_main .span8 label {
+   float: left;
 }
 
 #tab_plugin_klipper_main .span4 {
-   flex-grow: 1;
+   flex-grow: 0;
    flex-shrink: 1;
-   width: auto;
+   max-width: 13%;
+   float: left;
+   box-sizing: border-box;
 }
 
 #settings_plugin_klipper {

octoprint_klipper/static/js/klipper.js

@@ -134,7 +134,7 @@ $(function () {
         };
 
         self.isActive = function () {
-            return self.connectionState.isOperational() && hasRight("CONFIG");
+            return self.connectionState.isOperational() && this.hasRight("CONFIG");
         };
 
         self.hasRight = function (right_role, type) {