iPhone interface CSS changes

[Rob100]

I've just made a couple of changes to the iPhone CSS file which I think tidies it up.

 

1) The "Home" button when on the right side is now correctly positioned, rather than sitting too high. This was done by changing:

 

#leftnav img,#rightnav img {

margin-top:4px;

}

 

to

 

#leftnav img,#rightnav img,#rightbutton img {

margin-top:4px;

}

 

2) Also I don't like the way the recording thumbnails distort the aspect ratio, so making the wild assumption that all thumbs are 16:9 I changed:

 

body.list ul img {

width:90px;

height:90px;

position:absolute;

left:0;

top:0;

}

 

to

 

body.list ul img {

width:90px;

height:60px;

position:absolute;

left:0;

top:15px;

}

 

Strictly speaking this should be more like

 

body.list ul img {

width:90px;

height:52px;

position:absolute;

left:0;

top:19px;

}

 

But a little vertical stretch of the thumbnail isn't noticeable

 

Updated CSS file attached, put in (assuming 64 bit Win7)

 

C:\Program Files (x86)\DVBViewer\SVCweb\iphone\css

 

or if 32 bit

 

C:\Program Files\DVBViewer\SVCweb\iphone\css

 

Hope I haven't offended Lars

 

Rob.

[Lars_MQ]

Thanks, I'll integrate it.

As for assuming 16:9 it would be better if we find a way to just display the images in the size they are. The service does deliver them all in the right Aspect ratio.

[Rob100]

You mean like this then

 

body.list ul img {

width:90px;

height:auto;

position:absolute;

margin: auto 0;

top:0;

left:0;

bottom:0;

}

 

I think this has messed up the thumbnail position in "details" (is now in top left corner). Will look at that tomorrow if I get a chance.

 

Also I notice you haven't implemented the system time on the "normal" (not iPhone) status page , despite adding the {serverdate} and {servertime} tags about a year ago