better layout of photo album covers

3 files changed, 17 insertions, 1 deletions

diff --git a/views/default/object/album.php b/views/default/object/album.php
index 60015d2b1..85dd69ac9 100644
--- a/views/default/object/album.php
+++ b/views/default/object/album.php
@@ -39,7 +39,8 @@
 		<a href="<?php echo $album->getURL();?>"><?php echo $title;?></a>
 	</div>
 	<a href="<?php echo $album->getURL();?>"><?php echo $album_cover;?></a><br>
-	<small><a href="<?php echo $vars['url'];?>pg/profile/<?php echo $owner->username;?>"><?php echo $owner->name;?></a> <?php echo $friendlytime;?><br>
+	<small><a href="<?php echo $vars['url'];?>pg/profile/<?php echo $owner->username;?>"><?php echo $owner->name;?></a> 
+	<br /><?php echo $friendlytime;?><br />
 <?php
 			//get the number of comments
 			$numcomments = elgg_count_comments($album);
diff --git a/views/default/tidypics/css.php b/views/default/tidypics/css.php
index 538deeb5f..9d904a7ff 100644
--- a/views/default/tidypics/css.php
+++ b/views/default/tidypics/css.php
@@ -92,6 +92,12 @@ float:left;
 margin-bottom:20px;
 padding: 4px;
 text-align:center;
+width: 160px;
+}
+
+.tidypics_line_break {
+width: 100%;
+clear: both;
 }
 
 .tidypics_gallery_title {
diff --git a/views/default/tidypics/gallery.php b/views/default/tidypics/gallery.php
index b9a50bdab..74aa34500 100644
--- a/views/default/tidypics/gallery.php
+++ b/views/default/tidypics/gallery.php
@@ -4,6 +4,9 @@
  *
  */
 
+// four albums across
+$num_wide = 4;
+
 $context = $vars['context'];
 $offset = $vars['offset'];
 $entities = $vars['entities'];
@@ -43,9 +46,15 @@ if ($pagination) {
 }
 
 $html .= $nav;
+
 if (is_array($entities) && sizeof($entities) > 0) {
+	$counter = 0;
 	foreach($entities as $entity) {
+		if ($counter % $num_wide == 0) {
+			$html .= "<div class=\"tidypics_line_break\"></div>";
+		}
 		$html .= elgg_view_entity($entity, $fullview);
+		$counter++;
 	}
 }