From f204b0ebc0c2fffeefad3b14b5d60d9202cfb688 Mon Sep 17 00:00:00 2001 From: Gazook89 Date: Sat, 17 Aug 2024 15:34:13 -0500 Subject: [PATCH] tool elements use width:auto for flexibility, but with min-width Set the child elements of the toolbar to have auto width (can expand as needed), but have a min-width so no button, such as an icon, is too small. --- client/homebrew/brewRenderer/toolBar/toolBar.less | 4 +++- 1 file changed, 3 insertions(+), 1 deletion(-) diff --git a/client/homebrew/brewRenderer/toolBar/toolBar.less b/client/homebrew/brewRenderer/toolBar/toolBar.less index d29d05f23..994b49fde 100644 --- a/client/homebrew/brewRenderer/toolBar/toolBar.less +++ b/client/homebrew/brewRenderer/toolBar/toolBar.less @@ -61,12 +61,12 @@ color : #CCCCCC; padding : 0; height: 100%; + width: auto; box-sizing: content-box; &:hover,&:focus-within { background-color : #444444; } button { - width : 70px; font-family : 'Open Sans', sans-serif; font-size : 11px; font-weight : normal; @@ -74,6 +74,8 @@ text-transform : uppercase; background-color : transparent; height : 100%; + width : auto; + min-width : 46px; padding : 0 8px; &:focus-within {