I'm running Ubuntu 20.04 mate desktop. I am customizing the mate-panel. I wanted to use the following digital font and I added the following style to ~/.config/gtk-3.0/gtk.css
#clock-applet-button.flat.toggle > box.horizontal > label {
font-weight: normal;
color: white;
font-family: DS-Digital;
font-weight: bold;
font-size: 18px;
/*padding-right: 10px;
padding-left: 10px; */
/*letter-spacing: 3px;*/
/*margin: 8px;
margin-left: 14px;
margin-right: 14px;*/
padding: 0 15px 0 15px;
font-stretch: ultra-condensed;
outline-offset: 100px;
background-color: red;
/*border-left-width: 50px;
border-right-width: 50px;*/
/*outline-width: 20px;*/
}
It's wiggling when numbers condensed, for example its width changes when clock digits counts from 00
to 01
I tried adding margins, padding but they didn't work.
Is there a trick to fix it using gtk css
?