# Ui\_artlessguage Font Issue
**URL:** https://discourse.nodered.org/t/ui-artlessguage-font-issue/27602
**Category:** Dashboard
**Created:** [1 June 2020 06:58 UTC](https://discourse.nodered.org/t/ui-artlessguage-font-issue/27602 "2020-06-01T06:58:51Z")
**Posts on this page:** 14
**Page:** 1
### Author:  [@vlturner](https://discourse.nodered.org/u/vlturner)
#### Post date: [1 June 2020 06:58 UTC](https://discourse.nodered.org/t/ui-artlessguage-font-issue/27602/1 "2020-06-01T06:58:52Z")
Look over the Label on the top, since the last update they got unreadable.
---
### Author:  [@hotNipi](https://discourse.nodered.org/u/hotNipi)
#### Post date: [1 June 2020 07:09 UTC](https://discourse.nodered.org/t/ui-artlessguage-font-issue/27602/2 "2020-06-01T07:09:41Z")
Please add info about the site configuration
---
### Author:  [@vlturner](https://discourse.nodered.org/u/vlturner)
#### Post date: [1 June 2020 17:21 UTC](https://discourse.nodered.org/t/ui-artlessguage-font-issue/27602/3 "2020-06-01T17:21:26Z")
---
### Author:  [@hotNipi](https://discourse.nodered.org/u/hotNipi)
#### Post date: [1 June 2020 17:48 UTC](https://discourse.nodered.org/t/ui-artlessguage-font-issue/27602/4 "2020-06-01T17:48:15Z")
That does not help too much. What I asked was the info about the dashboard site configuration.
Can't help otherwise.
---
### Author:  [@vlturner](https://discourse.nodered.org/u/vlturner)
#### Post date: [1 June 2020 20:29 UTC](https://discourse.nodered.org/t/ui-artlessguage-font-issue/27602/5 "2020-06-01T20:29:52Z")
---
### Author:  [@vlturner](https://discourse.nodered.org/u/vlturner)
#### Post date: [1 June 2020 20:32 UTC](https://discourse.nodered.org/t/ui-artlessguage-font-issue/27602/6 "2020-06-01T20:32:39Z")
Every time I see your pic, there are a whole plethora of things that run trough my mind.....not good...LOL 🙂
---
### Author:  [@Paul-Reed](https://discourse.nodered.org/u/Paul-Reed)
#### Post date: [1 June 2020 20:54 UTC](https://discourse.nodered.org/t/ui-artlessguage-font-issue/27602/7 "2020-06-01T20:54:16Z")
> [@vlturner](#):
>
> Every time I see your pic, there are a whole plethora of things that run trough my mind.....not good...LOL
It's never a good idea to insult people who are trying to help you...
---
### Author:  [@vlturner](https://discourse.nodered.org/u/vlturner)
#### Post date: [1 June 2020 21:45 UTC](https://discourse.nodered.org/t/ui-artlessguage-font-issue/27602/8 "2020-06-01T21:45:06Z")
Its not him, its that damn picture....
---
### Author:  [@hotNipi](https://discourse.nodered.org/u/hotNipi)
#### Post date: [2 June 2020 04:01 UTC](https://discourse.nodered.org/t/ui-artlessguage-font-issue/27602/9 "2020-06-02T04:01:25Z")
24x24 unit size is not a good choice. Not all widgets have full support of that small unit size.
Combining small size with widget vertical spacing 0 produces what you see. Those values are very extreme.
I can't see any reason why it is needed for your dashboard. I think you can easily get same result with default 48x48.
---
### Author:  [@vlturner](https://discourse.nodered.org/u/vlturner)
#### Post date: [2 June 2020 19:19 UTC](https://discourse.nodered.org/t/ui-artlessguage-font-issue/27602/10 "2020-06-02T19:19:49Z")
Because there are 6 graphs, 6 gauges, and 1 win indicator that you can't get into a 48x48 let alone a 28x28
When you pack things together your need more opportunity to line things up and save space.
There is now way to get this at 48x48
---
### Author:  [@hotNipi](https://discourse.nodered.org/u/hotNipi)
#### Post date: [2 June 2020 19:42 UTC](https://discourse.nodered.org/t/ui-artlessguage-font-issue/27602/11 "2020-06-02T19:42:40Z")
Hmm. To save space, the unit size is not the tool I'd take as magic wand. Unit size fine tuning may help you to target dashboard layout to fit nicely to dedicated screen sizes, you are using.
Space saving may be achieved by doing a research of data representation techniques on topic of squeezing a lot of information into small areas. (or something like that)
Here is my dashboard which is targeted to look nice with smartphone and 8'' tablet. I don't care about the desktop layout but lays out correct even here.
And yes, to make it to fit perfectly for devices my sizes are not default but 35x34 (hard to call fine tuning)
But 24x24 is just overkill for most of widgets. I have tried it and that is not something you should do to make the dashboard looking good enough but same time preserving the readability.
---
### Author:  [@vlturner](https://discourse.nodered.org/u/vlturner)
#### Post date: [2 June 2020 20:17 UTC](https://discourse.nodered.org/t/ui-artlessguage-font-issue/27602/12 "2020-06-02T20:17:14Z")
Can you send me that flow. I want to incorporate some of it like the rounded corners, and the auto buttons.What browser do you use? Can you adjust any of the settings to your devices? The language throws me a bit. But I understand most of the functionality.
---
### Author:  [@hotNipi](https://discourse.nodered.org/u/hotNipi)
#### Post date: [2 June 2020 20:22 UTC](https://discourse.nodered.org/t/ui-artlessguage-font-issue/27602/13 "2020-06-02T20:22:57Z")
You don't need my flow. But you may be interested how to achieve something similar. And most of that is already shared here.
> [@paintbrush Customize dashboard CSS](https://discourse.nodered.org/t/customize-dashboard-css/23139):
>
> Couple of things first.. Many things can happen if you start to play with CSS. You may break whole thing, but you can make your page really good looking. But be aware that it can be addictive. The result of your adjustments is art. So if you are changing CSS for your dashboard, you are an artist. (and a little bit a programmer of course) I'm not an expert of art nor the CSS. The tools Browser developer tools. [https://developers.google.com/web/tools/chrome-devtools/css](https://developers.google.com/web/tools/chrome-devtools/css) The main too…
---
### Author:  [@system](https://discourse.nodered.org/u/system)
#### Post date: [2 July 2020 20:22 UTC](https://discourse.nodered.org/t/ui-artlessguage-font-issue/27602/14 "2020-07-02T20:22:58Z")
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.