From 14f1a2775c4f25c79df129a50a5fce1a34513c44 Mon Sep 17 00:00:00 2001
From: Arpad Csanyi <csarpad@gmail.com>
Date: Sun, 8 May 2016 22:02:16 +0200
Subject: [PATCH] Change the layer switcher editor's layout.

The end of the text varies based on the selected option:
- activate = holding
- toggle = pressing
---
 popup__iframe.html | 18 ++++++------------
 1 file changed, 6 insertions(+), 12 deletions(-)

diff --git a/popup__iframe.html b/popup__iframe.html
index bde56383..3aa15ca6 100644
--- a/popup__iframe.html
+++ b/popup__iframe.html
@@ -151,24 +151,18 @@
 <!-- Layer modifier/togge action. -->
 <script id="key-editor-content__source--layer" type="text/x-Handlebars-template">
   <div class="popover-content" style="margin-bottom:2px">
-  <div class="alert alert-info alert-dismissable" role="alert">
-    <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
-    If you select the <b>Layer</b> tab you can activate or toggle a layer.
-    <div class="key-editor__help--wrapper" style="margin-bottom: -15px; margin-top: 10px;">
-      <input type="checkbox" name="key-editor__help--show" id="keyeditor__help--show" checked />
-      <label style="font-weight: normal; color: #000; opacity: .4;" for="keyeditor__help-show">Show help messages in the key editor</label>
-    </div>
-  </div>
     <div style="margin-bottom:0px; margin-top:2px">
-      <b style="">Activate layer</b>
+      <select class="layout-toggle" style="width: 100px">
+        <option value="activate">Activate</option>
+        <option value="toggle">Toggle</option>
+      </select>
+      <span> the </span>
       <select class="layout-switcher" style="width: 100px">
         <option value="mod">Mod</option>
         <option value="fn">Fn</option>
         <option value="mouse">Mouse</option>
       </select>
-    </div>
-    <div style="margin-bottom:0px; margin-top:2px">
-      <label for="toggle_layer"><i class="fa fa-toggle-on"></i> Toggle layer </label> <input type="checkbox" name="toggle_layer" id="toggle_layer" /> <!-- The icon for this label should be the same svg as on the key. -->
+      <span>layer by holding/pressing this key.</span>
     </div>
   </div>
 </script>