From f844350782f6dce48df18d64bf6fdfa0e6cc6d96 Mon Sep 17 00:00:00 2001
From: Arpad Csanyi <csarpad@gmail.com>
Date: Sat, 26 Mar 2016 00:54:25 +0100
Subject: [PATCH] Change the order of Scancode and Modifiers fixing #23.

I find the current spacing between the "Long press action" and the
"Modifiers" is enough, and not too much.
---
 popup__iframe.html | 30 +++++++++++++++---------------
 1 file changed, 15 insertions(+), 15 deletions(-)

diff --git a/popup__iframe.html b/popup__iframe.html
index fed1250a..66723f1c 100644
--- a/popup__iframe.html
+++ b/popup__iframe.html
@@ -87,21 +87,6 @@
       <div class="global-key-setup--wrapper">
         <div class="global-key-setup">
           <!-- Primary action setup: scancode+modifiers. -->
-          <div class="scancode-options">
-            <b class="setting-label" style="position:relative; top:-9px; margin-right:4px;">Modifiers:</b>
-            <div class="btn-toolbar modifiers" style="display:inline-block">
-              <div class="btn-group btn-group-sm modifiers__left">
-                {{#each modifiers.left}}
-                  <button type="button" class="btn btn-default {{primary}}">{{name}}</button>
-                {{/each}}
-              </div>
-              <div class="btn-group btn-group-sm modifiers__right">
-                {{#each modifiers.right}}
-                  <button type="button" class="btn btn-default {{primary}}">{{name}}</button>
-                {{/each}}
-              </div>
-            </div>
-          </div>
           <div class="scancode-options" style="margin-bottom:10px; margin-top:2px">
             <b class="setting-label" style="position:relative; top:2px;">Scancode:</b>
             <select class="scancode" style="width: 200px">
@@ -124,6 +109,21 @@
               <i class="fa fa-square"></i> Stop capturing
             </button>
           </div>
+          <div class="scancode-options">
+            <b class="setting-label" style="position:relative; top:-9px; margin-right:4px;">Modifiers:</b>
+            <div class="btn-toolbar modifiers" style="display:inline-block">
+              <div class="btn-group btn-group-sm modifiers__left">
+                {{#each modifiers.left}}
+                  <button type="button" class="btn btn-default {{primary}}">{{name}}</button>
+                {{/each}}
+              </div>
+              <div class="btn-group btn-group-sm modifiers__right">
+                {{#each modifiers.right}}
+                  <button type="button" class="btn btn-default {{primary}}">{{name}}</button>
+                {{/each}}
+              </div>
+            </div>
+          </div>
           <!-- bof optional -->
             <!-- Keyboard layout preview to be shown in capturing mode. -->
             <!--