From cfebb9db338aacd7f805ca8f54fb465b174f6be7 Mon Sep 17 00:00:00 2001
From: Arkerthan <arkerthan@gmail.com>
Date: Tue, 22 Dec 2020 11:05:38 +0100
Subject: [PATCH] fix button overlap for multirow buttongroups

---
 src/gui/css/options.css | 5 ++++-
 1 file changed, 4 insertions(+), 1 deletion(-)

diff --git a/src/gui/css/options.css b/src/gui/css/options.css
index 6153a8a965c..8ccbff90610 100644
--- a/src/gui/css/options.css
+++ b/src/gui/css/options.css
@@ -21,6 +21,9 @@ div.options-group div.button-group {
 	/* left & right outline overlap each other so we don't have a double border */
 	outline: solid 2px var(--button-border-color);
 	margin-left: 2px;
+	/* half the outline width for multirow buttongroups */
+	margin-top: 1px;
+	margin-bottom: 1px;
 }
 
 .button-group button:hover {
@@ -74,7 +77,7 @@ div.options-group input {
 	min-width: unset; /* remove SC styling */
 	width: 12em;
 	/* move back so that the outline of a potential select overlaps in front */
-	position:relative;
+	position: relative;
 	z-index: 0;
 }
 
-- 
GitLab