From 05e4c344f2378753d6f903377b937b152d10dacc Mon Sep 17 00:00:00 2001
From: decabeza <alberto@decabeza.es>
Date: Tue, 5 Mar 2019 00:02:49 +0100
Subject: [PATCH] Improve feed image styles and move image to right

---
 app/assets/stylesheets/layout.scss |  4 ++--
 app/views/welcome/_feeds.html.erb  | 10 +++++-----
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/app/assets/stylesheets/layout.scss b/app/assets/stylesheets/layout.scss
index f33e0a3d5..0301ec535 100644
--- a/app/assets/stylesheets/layout.scss
+++ b/app/assets/stylesheets/layout.scss
@@ -2766,15 +2766,15 @@ table {
   display: inline-block;
   height: rem-calc(120);
   overflow: hidden;
+  width: 100%;
 
   @include breakpoint(medium) {
     height: rem-calc(96);
   }
 
   img {
-    margin-left: rem-calc(-15);
     max-width: none;
-    width: rem-calc(120);
+    width: 100%;
   }
 }
 
diff --git a/app/views/welcome/_feeds.html.erb b/app/views/welcome/_feeds.html.erb
index 489a0d74d..d8d5d03ea 100644
--- a/app/views/welcome/_feeds.html.erb
+++ b/app/views/welcome/_feeds.html.erb
@@ -9,6 +9,11 @@
 
           <% feed.items.each do |item| %>
             <div class="<%= item.class.to_s.parameterize('_') %> row">
+              <div class="feed-description small-12 column
+                         <%= 'medium-6 large-9' if item.image.present? %>">
+                <strong><%= link_to item.title, url_for(item) %></strong><br>
+                <p><%= item.summary %></p>
+              </div>
               <% if item.image.present? %>
                 <div class="small-12 medium-6 large-3 column">
                   <div class="feed-image">
@@ -17,11 +22,6 @@
                   </div>
                 </div>
               <% end %>
-              <div class="feed-description small-12 medium-6 large-9 column
-                         <%= item.image.present? ? '' : 'medium-offset-6 large-offset-3' %>">
-                <strong><%= link_to item.title, url_for(item) %></strong><br>
-                <p><%= item.summary %></p>
-              </div>
             </div>
           <% end %>
         </div>