From adab8449e02933e5e57ff3f2b617dfcbe69731f6 Mon Sep 17 00:00:00 2001
From: Gazook89 <John.W.Jones89@gmail.com>
Date: Sat, 17 Aug 2024 15:32:30 -0500
Subject: [PATCH] Change toolbar spacing

replace column-/row-gap with a single gap at 5px.  Padding on each child element will provide the space.  Set a height on toolbar, so child elements can be set to 100% height to improve bg color change on hover.
---
 client/homebrew/brewRenderer/toolBar/toolBar.less | 15 +++++++++------
 1 file changed, 9 insertions(+), 6 deletions(-)

diff --git a/client/homebrew/brewRenderer/toolBar/toolBar.less b/client/homebrew/brewRenderer/toolBar/toolBar.less
index 8c881d359..d29d05f23 100644
--- a/client/homebrew/brewRenderer/toolBar/toolBar.less
+++ b/client/homebrew/brewRenderer/toolBar/toolBar.less
@@ -3,12 +3,13 @@
 	z-index          : 1;
 	display          : flex;
 	flex-wrap        : wrap;
-	row-gap          : 5px;
-	column-gap       : 15px;
+	gap              : 5px;
 	align-items      : center;
 	justify-content  : center;
+	box-sizing       : border-box;
 	width            : 100%;
-	padding: 2px 0;
+	height           : 29px;
+	padding          : 2px 0;
 	font-family      : 'Open Sans', sans-serif;
 	color            : white;
 	background-color : #555555;
@@ -57,21 +58,23 @@
 	.tool {
 		display     : flex;
 		align-items : center;
-		height      : 100%;
-		padding     : 0 8px;
 		color       : #CCCCCC;
+		padding     : 0;
+		height: 100%;
+		box-sizing: content-box;
 
 		&:hover,&:focus-within { background-color : #444444; }
 
 		button {
 			width            : 70px;
-			padding          : 0;
 			font-family      : 'Open Sans', sans-serif;
 			font-size        : 11px;
 			font-weight      : normal;
 			color            : #CCCCCC;
 			text-transform   : uppercase;
 			background-color : transparent;
+			height           : 100%;
+			padding          : 0 8px;
 
 			&:focus-within {
 				height      : 100%;