website: news: Add 'inline-image' class.

This is a followup to 4c322d36bc02e5e35464afa753fbf1b1da9de8f6, which
had the unintended effect of moving the logo in the top banner to the
right.

* website/posts/growing-our-build-farm.html: Use the 'inline-image'
class.
* website/static/base/css/news.css (.inline-image): New category.

2 files changed, 4 insertions, 3 deletions

diff --git a/website/posts/growing-our-build-farm.html b/website/posts/growing-our-build-farm.html
index eaa69a6..7472a96 100644
--- a/website/posts/growing-our-build-farm.html
+++ b/website/posts/growing-our-build-farm.html
@@ -70,7 +70,8 @@ author: Andreas Enge
 </p>
 <p>
   <img src="https://www.gnu.org/software/guix/static/base/img/blog/20161110-server-interior.jpg"
-       alt="Interior of the server." />
+       alt="Interior of the server."
+       class="inline-image" />
 
   The interior looks very tidy to my untrained eyes.  This is not only a
   good sign for the vendor's professionalism, but according to Thomas
diff --git a/website/static/base/css/news.css b/website/static/base/css/news.css
index 370a5e1..f0383e2 100644
--- a/website/static/base/css/news.css
+++ b/website/static/base/css/news.css
@@ -30,14 +30,14 @@ p {
     hyphens: auto;
 }
 
-img {
+.inline-image {
     display: block;
     margin: auto;
     padding: 20px;
 }
 
 @media screen and (min-width: 1024px) {
-    img {
+    .inline-image {
 	float: right;
 	margin-left: 20px;
 	padding: 0px;