Shrink a field? Topic is solved

[Paul]

Is there a way to "shrink" this entire item down to a smaller footprint?

time-shrink.PNG

[Paul]

ChatGPT comes through again...!
Added this CSS in the object properties:

Code: Select all

transform: scale(0.65);   transform-origin: center;

but the label doesn't get re-sized?

[kev1n]

You will need to apply the css separately to the label by JS

[Paul]

ChatGPT gave me this:

Code: Select all

label[for="audio_1_time"] {
  font-size: 6px !important;
}

but I get an error:

Uncaught SyntaxError: Unexpected token 'for'

[Paul]

Got this code to work, but the placement of the label is not so good. I need 'Audio 1 Time' much closer to the date/time box (beside, not above).

Code: Select all

const style = document.createElement('style');
style.textContent = `label[for="audio_1_time"] {
  font-size: 9px !important;
}`;
document.head.appendChild(style);

audio-1-time.PNG

Ideas?

[Paul]

Got it! CSS:

Code: Select all

transform: scale(0.65);   transform-origin: left;

audio-1-time2.PNG