improve : a more compact header to picture.tpl (+ use css instead of hidden hr)

git-svn-id: http://piwigo.org/svn/trunk@1325 68402e56-0260-453c-a942-63ccdbb3a9ee

1 files changed, 21 insertions, 34 deletions

diff --git a/template/yoga/image.css b/template/yoga/image.css
index 90d5c539b..9ecbaea08 100644
--- a/template/yoga/image.css
+++ b/template/yoga/image.css
@@ -1,47 +1,34 @@
 #imageHeaderBar {
-    padding: 2px 10px;
-    margin: 4px 0;
+  padding-top: 2px;
+  padding-bottom: 2px;
+  margin-top: 4px;
+  overflow: hidden;
+  width: 100%;
 }
-#imageHeaderBar .browsePath { float: left; }
-#imageHeaderBar .imageNumber { float: right; }
 
-#imageHeaderBar H2 {
-    /*margin: 1ex 0;  override default-layout for less bottom-margin */
-    text-align: center;
-    padding: 0;
-    clear: both;
+#imageHeaderBar .browsePath {
+  float: left;
+  margin-left: 10px;
 }
 
-#imageToolBar {
-    text-align: center;
-    position: relative;
-    clear: both;
-    margin: 4px 0; padding: 0;
-}
-
-/* Moi, je preferais les boutons "imgPrec" et "imgSuiv" au milieu, au-dessus
-de l'image...
-
-#imageToolBar IMG, #imageToolBar A {
-    display: inline;
-    border: none; margin: auto; padding: 0;
+#imageHeaderBar .imageNumber {
+  float: right;
+  margin-right: 10px;
 }
 
-#imageToolBar .randomButtons {
-    position: absolute;
-    left: 0;
-}
-#imageToolBar .randomButtons IMG {
-    padding: 0 4px; /* au pire: 3 * (4+24+4) = 96 < 100 * /
+#imageHeaderBar H2 {
+  text-align: center;
+  padding: 0;
+  clear: both;
 }
 
-#imageToolBar .prevNnext {
-    text-align: center;
-}
-#imageToolBar .prevNnext IMG {
-    padding: 0 100px;
+#imageToolBar {
+  text-align: center;
+  position: relative;
+  clear: both;
+  margin-bottom: 4px;
+  padding: 0;
 }
-*/
 
 #imageToolBar {
     height: 28px;