Change the image title to <H2> since <H1> is the galery title

Plus it makes the image title header smaller wich is a good thing for users with regular sized screens


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

template/yoga/image.css

@@ -5,8 +5,10 @@
 #imageHeaderBar .browsePath { float: left; }
 #imageHeaderBar .imageNumber { float: right; }
 
-#imageHeaderBar H1 {
-    margin: 1ex 0; /* override default-layout for less bottom-margin */
+#imageHeaderBar H2 {
+    /*margin: 1ex 0;  override default-layout for less bottom-margin */
+    text-align: center;
+    padding-top: 0;
     clear: both;
 }
 

template/yoga/picture.tpl

@@ -6,9 +6,8 @@
   <div class="browsePath"><a href="{U_HOME}">{L_HOME}</a>{LEVEL_SEPARATOR}{CATEGORY}</div>
   <div class="imageNumber">{PHOTO}</div>
   <!-- BEGIN title -->
-  <h1>{TITLE}</h1>
+  <h2>{TITLE}</h2>
   <!-- END title -->
-  <hr class="separation">
 </div>
 
 <div id="imageToolBar">