Improve SongDetails Design on Penguin

    Reason:
    he Penguin Design has an issue while display song details (at least on firefox).
    The dt-text is overlying the dd-text.

    Added: Because of that, the dt needs at liest also a dotted border bottom.
    I also added a right border on dt, and because of that I had to move the padding of the dd-text

1 files changed, 7 insertions, 3 deletions

diff --git a/themes/penguin/templates/default.css b/themes/penguin/templates/default.css
index e6ac1aa4..76c11138 100644..100755
--- a/themes/penguin/templates/default.css
+++ b/themes/penguin/templates/default.css
@@ -664,10 +664,11 @@ right: expression(-this.parentNode.offsetWidth%2+"px");
 	line-height: 20px;

 }

 #information_actions h3 {

-	float:right;

+	float:none;

 	font-family:Verdana, Geneva, sans-serif;

 	font-size:10px;

-	margin:10px;

+	height: 0px; 

+	margin: 0px 0px 20px 1px; 

 }

 /* Specific boxes */

 .box_newest_albums {

@@ -770,6 +771,7 @@ td.cel_cover {
 dl.song_details {

 	font-family:Verdana, Geneva, sans-serif;

 	font-size:10px;

+	width: 300px;

 }

 .song_details dt {

 	text-transform:uppercase;

@@ -779,12 +781,14 @@ dl.song_details {
 	min-width:20%; /*Ie bugfix*/

 	font-weight:bold;

 	padding: 2px 0px 0px 0px;

+	border-right: 1px dotted #666666;

+	border-bottom: 1px dotted #666666;

 }

 .song_details dd {

 	float:left;

 	width:79%;

 	min-width:79%; /*Ie bugfix*/

-	padding: 2px 0px 0px 0px;

+	padding: 2px 0px 0px 2px;

 }

 dt + dd {

 	border-bottom:1px dotted #666;