From b0ee099a41360667dce6469a24e4fa02c7a524ae Mon Sep 17 00:00:00 2001
From: thelastWallE <12502210+thelastWallE@users.noreply.github.com>
Date: Tue, 19 Oct 2021 10:29:12 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=8C=88=20style(main=5Ftab):=20move=20butt?=
 =?UTF-8?q?on=20for=20OctoKlipper=20settings?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

move the button for the OctoKlipper
settings out of the basic menu on the main tab
---
 octoprint_klipper/static/css/klipper.css            |  3 +--
 octoprint_klipper/static/js/klipper_editor.js       |  2 +-
 octoprint_klipper/templates/klipper_tab_main.jinja2 | 12 ++++++------
 3 files changed, 8 insertions(+), 9 deletions(-)

diff --git a/octoprint_klipper/static/css/klipper.css b/octoprint_klipper/static/css/klipper.css
index 8e55e11..3921f3f 100644
--- a/octoprint_klipper/static/css/klipper.css
+++ b/octoprint_klipper/static/css/klipper.css
@@ -315,8 +315,7 @@ div#settings_plugin_klipper.tab-pane.active form.form-horizontal div.tab-content
   vertical-align: -0.2em;
 }
 
-div#settings_plugin_klipper.tab-pane.active form.form-horizontal div.tab-content div.tab-pane.active label.inline,
-div#klipper_editor .inline {
+.klipper-inline {
   display: inline;
 }
 
diff --git a/octoprint_klipper/static/js/klipper_editor.js b/octoprint_klipper/static/js/klipper_editor.js
index d3a734c..b8ab735 100644
--- a/octoprint_klipper/static/js/klipper_editor.js
+++ b/octoprint_klipper/static/js/klipper_editor.js
@@ -183,7 +183,7 @@ $(function () {
       };
     };
 
-    self.saveCfg= function (options) {
+    self.saveCfg = function (options) {
       var options = options || {};
       var closing = options.closing || false;
 
diff --git a/octoprint_klipper/templates/klipper_tab_main.jinja2 b/octoprint_klipper/templates/klipper_tab_main.jinja2
index c3829b7..4f84903 100644
--- a/octoprint_klipper/templates/klipper_tab_main.jinja2
+++ b/octoprint_klipper/templates/klipper_tab_main.jinja2
@@ -1,6 +1,11 @@
 <div class="row-fluid">
   <div id="left-side">
-    <label> <i class="icon-tasks"></i> {{ _("Messages") }} </label>
+    <label class="klipper-inline"> <i class="icon-tasks"></i> {{ _("Messages") }} </label>
+    <button class="btn btn-small pull-right"
+            data-bind="visible: $root.loginState.hasPermissionKo($root.access.permissions.PLUGIN_KLIPPER_CONFIG), click: openOctoKlipperSettings('klipper-basic')"
+            title="{{ _('Open the OctoKlipper Settings') }}">
+            <i class="fa icon-black fa-wrench"></i>
+    </button>
     <div class="plugin-klipper-log" data-bind="foreach: logMessages">
       <div class="log-item" data-bind="css: type">
         <div data-bind="text: time" class="ts"></div>
@@ -21,11 +26,6 @@
             title="{{ _('Query Klipper for its current status') }}">
             <i class="fa icon-black fa-info-circle"></i> {{ _("Get Status") }}
           </button>
-          <button class="btn btn-block btn-small"
-            data-bind="visible: $root.loginState.hasPermissionKo($root.access.permissions.PLUGIN_KLIPPER_CONFIG), click: openOctoKlipperSettings('klipper-basic')"
-            title="{{ _('Open the OctoKlipper Settings') }}">
-            {{ _("Open OctoKlipper Settings") }}
-          </button>
           <button class="btn btn-block btn-small"
             data-bind="visible: $root.loginState.hasPermissionKo($root.access.permissions.PLUGIN_KLIPPER_CONFIG), click: showEditorDialog"
             title="{{ _('Show the Editor') }}">