From e25583d7ff2308f54e77327ab7f2180114b54789 Mon Sep 17 00:00:00 2001
From: Henrik Giesel <hengiesel@gmail.com>
Date: Tue, 30 Mar 2021 03:11:51 +0200
Subject: [PATCH] Move display:flex from outer div to ButtonGroup ul

---
 ts/editor-toolbar/ButtonGroup.svelte   | 5 ++++-
 ts/editor-toolbar/EditorToolbar.svelte | 6 +-----
 2 files changed, 5 insertions(+), 6 deletions(-)

diff --git a/ts/editor-toolbar/ButtonGroup.svelte b/ts/editor-toolbar/ButtonGroup.svelte
index a2b07fa8b..e139adfcd 100644
--- a/ts/editor-toolbar/ButtonGroup.svelte
+++ b/ts/editor-toolbar/ButtonGroup.svelte
@@ -10,7 +10,10 @@
 
 <style lang="scss">
     ul {
-        display: inline-block;
+        display: flex;
+        /* flex-flow: nowrap for a scrollable toolbar */
+        flex-flow: wrap;
+        overflow: scroll;
 
         padding-inline-start: 0;
         margin-bottom: 0;
diff --git a/ts/editor-toolbar/EditorToolbar.svelte b/ts/editor-toolbar/EditorToolbar.svelte
index de2d7a7e5..51c101347 100644
--- a/ts/editor-toolbar/EditorToolbar.svelte
+++ b/ts/editor-toolbar/EditorToolbar.svelte
@@ -10,14 +10,10 @@
 
 <style lang="scss">
     div {
-        display: flex;
-        flex-wrap: wrap;
-
         position: sticky;
         top: 0;
         left: 0;
-        z-index: 5;
-        padding: 2px;
+        z-index: 10;
 
         background: var(--bg-color);
         border-bottom: 1px solid var(--border);