From ba5c503c48e872e0f6113a0c720cccbcca56f551 Mon Sep 17 00:00:00 2001
From: n1474335 <n1474335@gmail.com>
Date: Thu, 26 Jul 2018 17:47:14 +0000
Subject: [PATCH] Added Magic button and tweaked margins for Windows

---
 src/web/html/index.html                  | 7 +++++--
 src/web/stylesheets/components/_pane.css | 5 +++++
 src/web/stylesheets/layout/_controls.css | 2 +-
 src/web/stylesheets/layout/_io.css       | 5 +++++
 src/web/stylesheets/utils/_overrides.css | 2 +-
 5 files changed, 17 insertions(+), 4 deletions(-)

diff --git a/src/web/html/index.html b/src/web/html/index.html
index 4dbf649c..a7bcd1e9 100755
--- a/src/web/html/index.html
+++ b/src/web/html/index.html
@@ -278,9 +278,12 @@
                             </span>
                             <div class="io-info" id="output-info"></div>
                             <div class="io-info" id="output-selection-info"></div>
-                            <span id="stale-indicator" title="The output is stale.&#10;The input or recipe has changed since this output was generated. Bake again to get the new value.">
+                            <button type="button" class="btn btn-primary bmd-btn-icon" id="magic" data-toggle="tooltip" title="Magic!">
+                                <i class="material-icons">flare</i>
+                            </button>
+                            <span id="stale-indicator" data-toggle="tooltip" title="The output is stale. The input or recipe has changed since this output was generated. Bake again to get the new value.">
                                 <i class="material-icons">access_time</i>
-                            </span>
+                            </span> 
                         </div>
                         <div class="textarea-wrapper">
                             <div id="output-highlighter" class="no-select"></div>
diff --git a/src/web/stylesheets/components/_pane.css b/src/web/stylesheets/components/_pane.css
index 46caaf70..40f6a305 100755
--- a/src/web/stylesheets/components/_pane.css
+++ b/src/web/stylesheets/components/_pane.css
@@ -23,6 +23,11 @@
     line-height: calc(var(--title-height) - 14px);
 }
 
+.title>span,
+.title>.btn {
+    margin-top: -4px;
+}
+
 .list-area {
     position: absolute;
     top: var(--title-height);
diff --git a/src/web/stylesheets/layout/_controls.css b/src/web/stylesheets/layout/_controls.css
index be0f3119..b181cb25 100755
--- a/src/web/stylesheets/layout/_controls.css
+++ b/src/web/stylesheets/layout/_controls.css
@@ -41,5 +41,5 @@
 }
 
 #controls .btn {
-    border-radius: 0;
+    border-radius: 30px;
 }
diff --git a/src/web/stylesheets/layout/_io.css b/src/web/stylesheets/layout/_io.css
index 35dac120..21d762a0 100755
--- a/src/web/stylesheets/layout/_io.css
+++ b/src/web/stylesheets/layout/_io.css
@@ -146,3 +146,8 @@
 
     transition: all 0.5s ease;
 }
+
+#magic {
+    margin-left: 5px;
+    display: none;
+}
diff --git a/src/web/stylesheets/utils/_overrides.css b/src/web/stylesheets/utils/_overrides.css
index 566dd354..6de920ca 100755
--- a/src/web/stylesheets/utils/_overrides.css
+++ b/src/web/stylesheets/utils/_overrides.css
@@ -108,7 +108,7 @@ input[type="search"]::-webkit-search-cancel-button {
 }
 
 select.form-control:not([size]):not([multiple]), select.custom-file-control:not([size]):not([multiple]) {
-    height: unset;
+    height: unset !important;
 }
 
 code {