> For the complete documentation index, see [llms.txt](https://atd-dts.gitbook.io/atd-knack-operations/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://atd-dts.gitbook.io/atd-knack-operations/knack-code/mobile-optimization/detail-labels.md).

# Detail Labels

How to style Detail View labels to be more mobile friendly

### The JS

None needed 😎

### The CSS

We override the default background and spacing

```css
#view_1606 .kn-detail-label { background-color: transparent; min-width: 0% !important; }

/*OR*/

#view_1255 .kn-detail-label { background-color: transparent; min-width: 45% !important; max-width: 10% !important; }
```

### How to Implement

Adjust the View ID and you are set. Depending on the fields, field length, field type, and # of columns, you will choose one of the two CSS lines above, that works best for that Detail View. For example, the first line is used for applicant information formatted as two columns whereas the second line is used for a view that has a single column.