Improve how public status pages look slightly

diff --git a/app/assets/stylesheets/stream_entries.scss b/app/assets/stylesheets/stream_entries.scss
index badae38417c5fcd190e1eb0d212aed6e299ed159..5e4ef75c21c7336a57b50abb04c88e290421bc49 100644 (file)
--- a/app/assets/stylesheets/stream_entries.scss
+++ b/app/assets/stylesheets/stream_entries.scss
@@ -79,7 +79,8 @@
 
   .avatar {
     width: 56px;
-    padding: 15px;
+    padding: 15px 10px;
+    padding-right: 5px;
     float: left;
 
     img {
@@ -91,7 +92,7 @@
   }
 
   .entry__container__container {
-    margin-left: 86px;
+    margin-left: 71px;
   }
 
   .header {
@@ -197,7 +198,7 @@
     display: block;
     overflow: hidden;
     padding-left: 10px;
-    margin-bottom: 21px;
+    margin-bottom: 15px;
 
     li {
       display: block;

diff --git a/app/views/stream_entries/_status.html.haml b/app/views/stream_entries/_status.html.haml
index fc21e6c45a9bc48951ef76259ff8313c158213d2..2edc8bc3fce1adf06c7b4c62261ae1c48fc56317 100644 (file)
--- a/app/views/stream_entries/_status.html.haml
+++ b/app/views/stream_entries/_status.html.haml
@@ -31,9 +31,10 @@
 
       .content= Formatter.instance.format(proper_status(status))
 
-      %ul.media-attachments
-        - (status.reblog? ? status.reblog : status).media_attachments.each do |media|
-          %li.transparent-background= link_to '', media.file.url, style: "background-image: url(#{media.file.url(:small)})", target: '_blank'
+      - if (status.reblog? ? status.reblog : status).media_attachments.size > 0
+        %ul.media-attachments
+          - (status.reblog? ? status.reblog : status).media_attachments.each do |media|
+            %li.transparent-background= link_to '', media.file.url, style: "background-image: url(#{media.file.url(:small)})", target: '_blank'
 
 - if include_threads
   = render partial: 'status', collection: @descendants, as: :status, locals: { is_successor: true }