From c8c533844ec8ac8ef007750cf068a73fb5a1177a Mon Sep 17 00:00:00 2001
From: azivner <adam.zivner@gmail.com>
Date: Wed, 6 Jun 2018 23:37:57 -0400
Subject: [PATCH] icons for render & toggle edit since text titles caused
 unwanted horizontal scrolling in smaller window sizes

---
 src/public/images/icons/edit.png    | Bin 0 -> 312 bytes
 src/public/images/icons/play-20.png | Bin 0 -> 288 bytes
 src/views/index.ejs                 |  46 ++++++++++++++++++----------
 3 files changed, 29 insertions(+), 17 deletions(-)
 create mode 100644 src/public/images/icons/edit.png
 create mode 100644 src/public/images/icons/play-20.png

diff --git a/src/public/images/icons/edit.png b/src/public/images/icons/edit.png
new file mode 100644
index 0000000000000000000000000000000000000000..87deb5977710619435e3796dd604b2289123c155
GIT binary patch
literal 312
zcmeAS@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWS|IVfk$L9
zP{(x;W^~e+T>%tiFY)wsWq-uR&MdG0kSSmtQ0S<qi(`nz>9<#Gvz#17+8(+WU%nZ&
zEI?8ELevSR9*<vZJl{BN3HUC!sjI=OOrb-<;B1VfUQ@+$F|oRWS<KI${y9?<vs^7p
z>yk9z4CU2K-`Z{aR$jP%;ilC28Eh|v`cti=7s?hzzWC5lxN$)p<G056JrC4V(+_8y
z@tabAKu5}Q_hG+RuGe#1fBsk$zIU&qhEynHcVqJu!}E;$HykK`CH^`|T%ociERkvZ
z@;f@x75b0m9NB#~oE83i=-(-q_=D%>3t8VeU_a?}pp=f|0t29j7(8A5T-G@yGywpJ
Chk9WE

literal 0
HcmV?d00001

diff --git a/src/public/images/icons/play-20.png b/src/public/images/icons/play-20.png
new file mode 100644
index 0000000000000000000000000000000000000000..b9f9b672066e3073f8e3f2e9e2d3bcee34917456
GIT binary patch
literal 288
zcmeAS@N?(olHy`uVBq!ia0vp^A|TAc1|)ksWqE-VTavfC3&Vd9T(EcfWS|IVfk$L9
zP{(x;W^~e+T>%tiFY)wsWq-uR&a5c+QPTS*P-v~Ei(`nz>7!Q+`5YZZS|92Q3C?v{
zoXBW3^%CEeeCBHlF5PYlQq9`PveYY`T}(kx(7!moQ$4?6*33IT|L)AJe)b`?)WC-`
zMyY@6T&5j-34Oww{28~Ze>KdDNbHWg%D1qU^_@lXuSJbP2b`2;7VmT3uO%>R#&P4A
z<ohd_bW9G|os&5g@kUnQ)r^Nivi_%hEN9l0Jze7LnKpaLv2%~~pWj&Udwao;sv1@P
d8>gxmuIkvGS$kydPoTpYJYD@<);T3K0RSU6YrFse

literal 0
HcmV?d00001

diff --git a/src/views/index.ejs b/src/views/index.ejs
index 17222a466..3a6890149 100644
--- a/src/views/index.ejs
+++ b/src/views/index.ejs
@@ -115,14 +115,38 @@
 
           <span id="note-id-display" title="Note ID"></span>
 
-          <div>
-            <span style="font-size: smaller">Protected:</span>
+          <button class="btn btn-sm"
+                  style="display: none; margin-right: 10px; padding: 4px;"
+                  title="Toggle edit"
+                  id="toggle-edit-button">
+            <img src="/images/icons/edit.png" alt="Toggle edit"/>
+          </button>
 
-            <div class="btn-group btn-group-xs">
-              <button type="button" class="btn" id="protect-button" title="Protected note can be viewed and edited only after entering password">
+          <button class="btn btn-sm"
+                  style="display: none; margin-right: 10px; padding: 4px;"
+                  title="Render (Ctrl+Enter)"
+                  id="render-button">
+            <img src="/images/icons/play-20.png" alt="Render"/>
+          </button>
+
+          <button class="btn btn-sm"
+                  style="display: none; margin-right: 10px"
+                  id="execute-script-button">Execute <kbd>Ctrl+Enter</kbd></button>
+
+          <div>
+            <div class="btn-group btn-group-sm">
+              <button type="button"
+                      class="btn"
+                      id="protect-button"
+                      title="Protected note can be viewed and edited only after entering password"
+                      style="padding: 4px;">
                 <img src="/images/icons/shield.png"/>
               </button>
-              <button type="button" class="btn" id="unprotect-button" title="Not protected note can be viewed without entering password">
+              <button type="button"
+                      class="btn"
+                      id="unprotect-button"
+                      title="Not protected note can be viewed without entering password"
+                      style="padding: 4px;">
                 <img src="/images/icons/shield-off.png"/>
               </button>
             </div>
@@ -130,18 +154,6 @@
 
           &nbsp; &nbsp;
 
-          <button class="btn btn-sm"
-                  style="display: none; margin-right: 10px"
-                  id="toggle-edit-button">Toggle edit</button>
-
-          <button class="btn btn-sm"
-                  style="display: none; margin-right: 10px"
-                  id="render-button">Render <kbd>Ctrl+Enter</kbd></button>
-
-          <button class="btn btn-sm"
-                  style="display: none; margin-right: 10px"
-                  id="execute-script-button">Execute <kbd>Ctrl+Enter</kbd></button>
-
           <div class="dropdown" id="note-type" data-bind="visible: type() != 'search'">
             <button data-bind="disable: isDisabled()" type="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="btn btn-sm">
               Type: <span data-bind="text: typeString()"></span>