Merge lp:~barry-mcgee/ubuntu-brand-guidelines/search-tidyup-proper into lp:ubuntu-brand-guidelines

[Barry McGee]

## Done

- Tidied up search results for "Download" section
- Removed "Examples" sections from search results entirely as it's obsolete (Yaili's request)

## QA
Pull down code, run site,search for "Ubuntu" and see the downloads section nicely formatted

## Card
https://trello.com/c/STFiXCHJ

[Anthony Dillon (ya-bo-ng)]

Looks good, thanks +1

review: Approve

=== modified file 'css/scratch.css'
--- css/scratch.css	2016-02-05 17:46:26 +0000
+++ css/scratch.css	2016-02-26 12:01:09 +0000
@@ -329,7 +329,7 @@
 
 .loop-error {
     font-size: .825rem;
-    color: #888;  
+    color: #888;
 }
 
 /* END loop results */
@@ -449,6 +449,44 @@
     margin-bottom: 2rem;
 }
 
+.search-flex-container {
+    display: flex;
+    flex-wrap: wrap;
+}
+
+.search-downloads .search-result {
+    width: 100%;
+}
+
+.search-downloads .search-result a {
+    display: block;
+}
+
+.search-downloads .search-result p,
+.search-downloads .search-result a {
+    width: 75%;
+    text-align: center;
+    margin: 0 auto 1rem;
+}
+
+.search-downloads .search-result img {
+    margin: auto;
+    display: block;
+    text-align: center;
+}
+
+@media screen and (min-width: 600px) {
+    .search-downloads .search-result {
+        width: 50%;
+    }
+}
+
+@media screen and (min-width: 768px) {
+    .search-downloads .search-result {
+        width: 33.333%;
+    }
+}
+
 
 /* END search styles */
 

=== modified file 'loop-search-downloads.php'
--- loop-search-downloads.php	2016-02-05 17:46:26 +0000
+++ loop-search-downloads.php	2016-02-26 12:01:09 +0000
@@ -1,5 +1,7 @@
-<ul class="loop-results search-downloads clearfix">
 <h2 class="search-result-subtitle">Results in Downloads:</h2>
+
+<ul class="loop-results search-downloads clearfix search-flex-container">
+
 <?php
 
 $args['post_type'] = 'downloads';
@@ -28,7 +30,7 @@
 		    	<?php endif; ?>
 		    <?php endif; ?>
 		</a>
-		<?php echo $attachment->post_excerpt; ?><br/>
+		<p><?php echo $attachment->post_excerpt; ?></p>
 		<a href="<?php echo wp_get_attachment_url($attachment->ID, false); ?>">
 			Download <?php echo getPostAttachmentExtension($attachment->post_mime_type) . ' (' . getPostAttachmentFilesize(get_attached_file($attachment->ID)) . ')'; ?>
 		</a>

=== removed file 'loop-search-examples.php'
--- loop-search-examples.php	2016-02-05 17:46:26 +0000
+++ loop-search-examples.php	1970-01-01 00:00:00 +0000
@@ -1,31 +0,0 @@
-<h2 class="search-result-subtitle">Results in Examples:</h2>
-<ul class="loop-results search-examples clearfix">
-<?php
-
-$args['post_type'] = 'examples';
-$query = new WP_Query($args);
-
-if ($query->have_posts()) : while ($query->have_posts()) : $query->the_post();
-// Get post attachments
-$args = array();
-$args['post_type'] = 'attachment';
-$args['post_parent'] = $post->ID;
-$attachments = get_posts($args);
-foreach ($attachments as $attachment) :
-?>
-	<div class="search-result">
-		<a class="pretty-photo" href="<?php echo wp_get_attachment_url($attachment->ID, false); ?>">
-			<img src="<?php echo wp_get_attachment_thumb_url($attachment->ID); ?>" width="66" height="66" title="<?php echo $attachment->post_excerpt; ?>" alt="<?php echo $attachment->post_excerpt; ?>" />
-		</a>
-		<?php echo $attachment->post_excerpt; ?>
-	</div>
-<?php
-endforeach;
-endwhile;
-else :
-?>
-	<span class="loop-error">Sorry, no results in examples have been found.</span>
-<?php
-endif;
-?>
-</ul>

=== modified file 'template-search.php'
--- template-search.php	2016-02-05 17:46:26 +0000
+++ template-search.php	2016-02-26 12:01:09 +0000
@@ -16,19 +16,12 @@
 		<h1>Your search for: "<?php echo $search ?>"</h1>
 	</div>
 
-
 	<section class="search-section twelve-col">
 		<?php
 			get_template_part('loop', 'search-guidelines');
 		?>
 	</section>
 
-	<section class="search-section twelve-col">
-		<?php
-			get_template_part('loop', 'search-examples');
-		?>
-	</section>
-
 	<section class="search-section last-col">
 		<?php
 			get_template_part('loop', 'search-downloads');