I thought I'd post some of the CSS selectors that can be changed to provide relief when using SBS/LMS on high pixel density displays.

Along with increasing the default size for album art thumbnails and tweaking the track title formats, this provides me with a much better webUI experience on my MacBook Pro, both with the internal display or a 27" external.

Below are the selectors with the values I'm currently overriding from the default CSS. Use a proxy or your browser's own CSS overriding ability to alter the default web UI for the SqueezeBox Server. Or just modify the CSS files on disk if you're ok with having them wiped when you do an update.

I use GlimmerBlocker in Mac OS X to do this.

Code:
/* base page font */
html, body, tr, tr, p, div, li, input, ul, .x-btn-text, select {
	font: 16px sans-serif;
}

/* Top level menu items */
.homeMenuItem {
	font-size: 18px;
} 

/* menu - sub-items */
.smallBrowseItemDetail {
font-size: 20px;
}

/* Current Track title in playlist*/
#ctrlCurrentTitle a {
	font-size: 16px;

}

/* browse covers text */
.browseItemLink {
	font-size: 16px;
}

/*Playlist text*/
.playlistSongDetail, .browseItemDetail {
	font-size: 18px;
}

/*Navigation crumb list */
#crumblist {
	font-size: 14px;
}

/* Nav/section title */
.pagetitle {
	font-size: 16px;
}

/* Alphanumeric nav bar */
#pagebar {
	min-height: 13px;
	font-size: 22px;
}

/* The Logitech Media Server logo top left */
#squeezeboxLogo {
	position: absolute;
	top: 15px;
	left: 20px;
	height: 12px;
	width: 144px;
	background: url(html/images/squeezecenter.gif) no-repeat;
}

/* The logitech logo on the top right*/
#logitechLogo {
	position: absolute;
	top: 0px;
	right: 20px;
	height: 40px;
	width: 42px;
	background: url(html/images/logitech.gif) no-repeat;
	display: none;
}

/* standard buttons  - like the player selection drop-down menu*/
.x-btn-click .x-btn-text, .x-btn-menu-active .x-btn-text, .x-btn-pressed .x-btn-text,
.x-btn-text, .x-btn button {
	color: #d1d1d1;
	border-style: none;
	background: none;
	font-family: sans-serif;
	font-weight: bold;
	font-size: 14px;
}

/* player menu */
.x-btn-menu-arrow-wrap .x-btn-center button,
.x-btn-mc em.x-btn-split,
.x-btn-over .x-btn-mc em.x-btn-split, .x-btn-click .x-btn-mc em.x-btn-split, 
.x-btn-menu-active .x-btn-mc em.x-btn-split, .x-btn-pressed .x-btn-mc em.x-btn-split {
	height: 19px;
	background-image: url(html/images/slim-ext/btn-arrow.gif);
	min-width: 120px;
}

/* text inside player menu */
.x-menu-item {
	color: #494949;
	font-size: 16px;
}

/* position of the player menu */
#playerChooser {
	position: absolute;
	right: 20px;
}


Edited by hybrid8 (13/09/2012 19:28)
_________________________
Bruno
Twisted Melon : Fine Mac OS Software