use <section>s for path info

diff --git a/application/views/scripts/idx/index.phtml b/application/views/scripts/idx/index.phtml
index f5b7b6771b37a5ee82079259065a6a9b49ceab44..fd2763091b8cb5993ff16dfcaecdfaef39941976 100644 (file)
--- a/application/views/scripts/idx/index.phtml
+++ b/application/views/scripts/idx/index.phtml
@@ -68,20 +68,23 @@ if ($this->errorMsg) {
             <div class="menu-item">
                 <div id="path-infos-toggler"><a href="" id="path-infos-anchor"><?php echo $this->translate("route infos")?></a></div>
              </div>
-                <div id="path-infos-content" class="menu-item">
+             <div id="path-infos-content" class="menu-item">
 
-                    <div id="path-directlink-title" class="info-title"><?php echo $this->translate("direct link")?></div>
-                    <div id="path-directlink-content" class="info-content"><?php
-                            $urlcomp = urlencode($this->path->urlcomp ?: $this->path->id);
-                            $href = $this->baseUrl() . '/idx/' . $urlcomp . '?format=raw';
-                            printf('<a href="%s" title="%s">%s</a>',
-                                        $href,
-                                        $this->translate('direct link'),
-                                        $this->escape($href));
-                        ?></div>
-
-                    <div id="path-export-title" class="info-title"><?php echo $this->translate("export")?></div>
-                    <div id="path-export-content" class="info-content"><?php
+                <section class="info-section">
+                    <h1 id="path-directlink-title"><?php echo $this->translate("direct link")?></h1>
+                    <?php
+                        $urlcomp = urlencode($this->path->urlcomp ?: $this->path->id);
+                        $href = $this->baseUrl() . '/idx/' . $urlcomp . '?format=raw';
+                        printf('<a href="%s" title="%s">%s</a>',
+                               $href,
+                               $this->translate('direct link'),
+                               $this->escape($href));
+                    ?>
+                </section>
+
+                <section class="info-section">
+                    <h1 id="path-export-title"><?php echo $this->translate("export")?></h1>
+                    <?php
                        $fileName = $this->path->title ?: $this->path->id;
                        $href = $this->baseUrl() . '/geom/' . rawurlencode($fileName) . '.kml';
                        printf('<a href="%s" title="%s">%s</a>',
@@ -96,16 +99,18 @@ if ($this->errorMsg) {
                                         $this->translate('gpx export'),
                                         $this->translate('gpx export'));
                        ?>
-                </div>
+                </section>
 
                 <?php if ($this->profileActive) { ?>
-                <div id="path-profile-title" class="info-title"><?php echo $this->translate("altitude profile")?></div>
-                <div id="path-profile-content" class="info-content"><?php
+                <section class="info-section">
+                    <h1 id="path-profile-title"><?php echo $this->translate("altitude profile")?></h1>
+                    <?php
                         $urlcomp = urlencode($this->path->urlcomp ?: $this->path->id);
                         $href = $this->baseUrl() . '/profile/' . $urlcomp . '.png';
                         $imgsrc =  $this->addParamToUrl($href, 'size', 'small', true);
                         printf('<a href="%s"><img src="%s"></a>', $href, $imgsrc);
-                ?></div>
+                    ?>
+                    </section>
                 <?php }?>
 
 

diff --git a/public/css/syj.css b/public/css/syj.css
index 8e29c424d7b779ed54ae5d73b783f0ec43892a82..0c414433d2dfcb76b318d9fc671a51fa4e59c37f 100644 (file)
--- a/public/css/syj.css
+++ b/public/css/syj.css
@@ -114,10 +114,15 @@ body, html {
     background-color: #E0E0FF;
 }
 
-.info-title {
+.info-section {
+    margin-bottom: 0.5em;
+}
+.info-section > h1 {
     text-decoration: underline;
+    font-size: 1em;
+    margin: 2px 0 2px 0;
 }
-.info-content a {
+.info-section a {
     text-decoration: none;
 }
 
@@ -126,10 +131,6 @@ body, html {
     padding: 4px 15px 15px 15px;
 }
 
-.info-content {
-    margin-bottom: 0.5em;
-}
-
 #path-length {
     text-align: center;
     position: absolute; /* otherwise, under #map in ie */