reducing the width of a browse field

[Richard I]

Hello,
NT App with an edit in place browse

All fields in the browse are the same width - in fact twice as long as the date displayed
I want to reduce the width of  each appropriate field
I have set up within in my custom.css  a 'customfield' with at this stage a random width and background colour
and have added this 'customfield' to the field settings inside the browse
The amended custom.css has been added to the styles folder of the web folder
On compile and run, nothing happens ?

Thanks
Richard
NT11.27

[Mike McLoughlin]

A couple of things come to mind - are you using DIV or table for the layout?  Have you added custom.css to the extension template under settings/Styles/files?

Mike

[Richard I]

Thanks Mike,
Yes, I have added my custom.css but dont seem to be able to find the  layout tab in the Browse to check whether is DIV or table - I would imagine its set as default if the option is in a Browse.
Its available from a form?

Cheers
Richard

[Richard I]

Further to-
I have managed to Inspect the contents and reduce the width in Inspector to 6em
in .nt-browse- entry class
There doesn't seem to be any css  showing under Inspector
Not sure where to go from  here
-Do I copy to  a new Class  and edit the width?
If so how do I edit the class and apply the new class to the browse?
Or-
Continue with mycustom.css ? but I cant find the layout referred to by Mike  nor can I find where to apply the mycustom.css in the Browse
I know mycustom.css works as I have .red-bg on a button working from it.

Thanks
Richard

[Richard I]

Got it !
Sorted from webinar 211.
Cheers
Richard