OO-371 various css optimizations

src/main/webapp/static/themes/openolat/all/_definitions.scss

@@ -48,16 +48,14 @@ $main_shadow_color : #D3D3D3 !default;
 
 /* menu navigation */
 $tree_level_margin : 1em !default;
-$tree_padding_steps_px : 10px !default;
-$tree_padding_opener_px : 6px !default;
+$tree_padding_steps_px : 0 !default; /* alternate solution to tree_level_margin in case the tree link has block layout */
+$tree_padding_opener_px : 13px !default; /* total width of opener image (actual image width + whitespace) */
 /* show or hide tree icons, if yes, width of icons */
 $tree_show_icons : true !default; 
 $treeicon_width_px : 20px !default;
 /* here you can define the two small icons used in trees:  + and - */ 
-$tree_opener_spread_px : 6px !default;
-$tree_opener_width_px : 8px !default;
-$ico_plus : '../openolat/images/toggle-small-expand.png'  !default;
-$ico_minus : '../openolat/images/toggle-small.png'  !default;
+$ico_plus : '../openolat/images/tree_parent_closed.png'  !default;
+$ico_minus : '../openolat/images/tree_parent_open.png'  !default;
 
 /* the defaultfont used in : text, main content, etc. */
 $defaultfont : 'Helvetica Neue', Helvetica, Arial, sans-serif !default;

src/main/webapp/static/themes/openolat/all/modules/_nav.scss

@@ -165,7 +165,7 @@ div.b_tree {
 						
 			/*  icon positioning */
 			@for $i from 1 through 11 {
-				.b_tree_oc_l#{$i}  { position:absolute; top:0px; left: 1px + ( ($i - 1) * $tree_padding_steps_px); z-index:9; }
+				.b_tree_oc_l#{$i}  { position:absolute; top:0px; left: 1px + ($i * $tree_padding_steps_px); z-index:9; }
 			}
 
 			@for $i from 0 through 11 {
@@ -193,7 +193,7 @@ div.b_tree {
 		
 		/* link to select the item with icon */
 		@for $i from 0 through 11 {
-			&.b_tree_l#{$i}  a.b_tree_icon { padding-left: ($tree_opener_spread_px + $treeicon_width_px  + $tree_padding_steps_px * $i);  background-position:($tree_opener_spread_px + 2px + $tree_padding_steps_px * $i)  50%; }
+			&.b_tree_l#{$i}  a.b_tree_icon { padding-left: ($tree_padding_opener_px + $treeicon_width_px  + $tree_padding_steps_px * $i);  background-position:($tree_padding_opener_px + 2px + $tree_padding_steps_px * $i)  50%; }
 		}
 	
 	}// end ul
@@ -202,8 +202,8 @@ div.b_tree {
 	/* the open/close node icons */
 	a.b_tree_level_close {background:transparent ! important;} /* override link hover colors */
 	a.b_tree_level_open {background:transparent ! important;}
-	a.b_tree_level_close span { background: url($ico_minus) no-repeat $tree_opener_spread_px 50%; padding-right:$tree_opener_width_px;}
-	a.b_tree_level_open span { background: url($ico_plus) no-repeat $tree_opener_spread_px 50%; padding-right:$tree_opener_width_px;}
+	a.b_tree_level_close span { background: url($ico_minus) no-repeat 0 50%; padding-right:$tree_padding_opener_px;}
+	a.b_tree_level_open span { background: url($ico_plus) no-repeat 0 50%; padding-right:$tree_padding_opener_px;}
 	
 	a.b_tree_level_close:hover,a.b_tree_level_open:hover {text-decoration:none;}
 	

src/main/webapp/static/themes/openolat/epmapstyles/_mixins.scss

@@ -31,6 +31,7 @@
 	div.b_pagination li .b_disabled { color: black; font-weight: normal; padding: 5px 8px; }
 	div.b_pagination li a { padding: 1em; padding: 5px 8px; }
 	div.b_eportfolio_page,  div.b_portfolio_toc,  div.b_eportfolio_edit { background-image: none; }	
+	div.b_pagination li.b_changelog {float:right;}
 }
 
 @mixin epmst-actualpage($bg1,$bg2){