Currently, I am implementing SB Admin 2 in my project and encountering an issue with the default elements being too large for my project's design. This includes the navbar, buttons, tables, and more. To address this, I have adjusted the browser zoom to 80% which has greatly improved the appearance for me.
While this solution works well in Chrome, I am experiencing difficulties in Firefox. I attempted using the transform property in Firefox but found that it only scales the entire page rather than individual elements, resulting in empty borders on the screen.
.zoom_div{
zoom: 80%;
-moz-transform: scale(0.8);
}
At this point, I am unsure of how to proceed with resolving this issue. Any suggestions or alternative approaches would be greatly appreciated.