From d10383ea9d6ee6734405684bfcc371defa98bac5 Mon Sep 17 00:00:00 2001
From: Henrik Giesel <hengiesel@gmail.com>
Date: Mon, 8 Feb 2021 21:26:37 +0100
Subject: [PATCH] Give toolbar items a bottom margin to separate the rows when
 they wrap

---
 ts/editor/editor.scss | 18 +++++++++++-------
 1 file changed, 11 insertions(+), 7 deletions(-)

diff --git a/ts/editor/editor.scss b/ts/editor/editor.scss
index 9caf8a996..30b0af96b 100644
--- a/ts/editor/editor.scss
+++ b/ts/editor/editor.scss
@@ -56,15 +56,19 @@ body {
     background: var(--bg-color);
 }
 
-.topbuts > * {
-    margin: 0 1px;
+.topbuts {
+    margin-bottom: 2px;
 
-    &:first-child {
-        margin-left: 0;
-    }
+    & > * {
+        margin: 0 1px;
 
-    &:last-child {
-        margin-right: 0;
+        &:first-child {
+            margin-left: 0;
+        }
+
+        &:last-child {
+            margin-right: 0;
+        }
     }
 }