From 1d6348d7f18171d5cba5b82e591d4c83eff83f89 Mon Sep 17 00:00:00 2001
From: Jean Carlos <jeaanca.santos@gmail.com>
Date: Fri, 10 Dec 2021 21:57:54 -0300
Subject: [PATCH] Move basic view in the shortcut pane to the top (#791)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* fix handleDocumentFocus error

* format correction

* Update assets/js/session/index.js

Co-authored-by: Jonatan Kłosko <jonatanklosko@gmail.com>

* format correction

* Update assets/js/session/index.js

Co-authored-by: Jonatan Kłosko <jonatanklosko@gmail.com>

* Move basic view to the top

Co-authored-by: Jonatan Kłosko <jonatanklosko@gmail.com>
---
 .../live/session_live/shortcuts_component.ex           | 10 +++++-----
 1 file changed, 5 insertions(+), 5 deletions(-)

diff --git a/lib/livebook_web/live/session_live/shortcuts_component.ex b/lib/livebook_web/live/session_live/shortcuts_component.ex
index ca4b8edcf..3424479fa 100644
--- a/lib/livebook_web/live/session_live/shortcuts_component.ex
+++ b/lib/livebook_web/live/session_live/shortcuts_component.ex
@@ -153,17 +153,17 @@ defmodule LivebookWeb.SessionLive.ShortcutsComponent do
         the notebook and execute commands, whereas in the <span class="font-semibold">insert mode</span>
         you have editor focus and directly modify the given cell content.
       </p>
-      <.shortcuts_section title="Navigation mode" shortcuts={@shortcuts.navigation_mode} basic={@basic} platform={@platform} />
-      <.shortcuts_section title="Insert mode" shortcuts={@shortcuts.insert_mode} basic={@basic} platform={@platform} />
-      <.shortcuts_section title="Universal" shortcuts={@shortcuts.universal} basic={@basic} platform={@platform} />
-      <div class="mt-8 flex justify-end">
-        <form phx-change="settings" onsubmit="return false;" phx-target={@myself}>
+      <div class="flex">
+        <form class="mt-4" phx-change="settings" onsubmit="return false;" phx-target={@myself}>
           <.switch_checkbox
             name="basic"
             label="Basic view (essential shortcuts only)"
             checked={@basic} />
         </form>
       </div>
+      <.shortcuts_section title="Navigation mode" shortcuts={@shortcuts.navigation_mode} basic={@basic} platform={@platform} />
+      <.shortcuts_section title="Insert mode" shortcuts={@shortcuts.insert_mode} basic={@basic} platform={@platform} />
+      <.shortcuts_section title="Universal" shortcuts={@shortcuts.universal} basic={@basic} platform={@platform} />
     </div>
     """
   end