From 410f9dab342c0b2b9ac2fae4bbf8f7b666be9182 Mon Sep 17 00:00:00 2001
From: Stasiek Michalski <hellcp@opensuse.org>
Date: Wed, 6 Jun 2018 20:42:24 +0200
Subject: [PATCH 1/2] Make notification image a background-image

---
 resources/views/account/activity.blade.php | 4 +++-
 1 file changed, 3 insertions(+), 1 deletion(-)

diff --git a/resources/views/account/activity.blade.php b/resources/views/account/activity.blade.php
index 092063f90..94da74877 100644
--- a/resources/views/account/activity.blade.php
+++ b/resources/views/account/activity.blade.php
@@ -53,7 +53,9 @@
           </span>
           <span class="float-right notification-action">
             @if($notification->item_id)
-              <a href="{{$notification->status->parent()->url()}}"><img src="{{$notification->status->parent()->thumb()}}" width="32px" height="32px"></a>
+              <a href="{{$notification->status->parent()->url()}}">
+                <div class="notification-image" style="background-image: url('{{$notification->status->parent()->thumb()}}')"></div>
+              </a>
             @endif
           </span>
         @break

From bec5a8d919d6dcc1c1aa2cc374f6dc7e247c997d Mon Sep 17 00:00:00 2001
From: Stasiek Michalski <hellcp@opensuse.org>
Date: Wed, 6 Jun 2018 20:43:50 +0200
Subject: [PATCH 2/2] Make notification images not stretch

---
 resources/assets/sass/custom.scss | 7 +++++++
 1 file changed, 7 insertions(+)

diff --git a/resources/assets/sass/custom.scss b/resources/assets/sass/custom.scss
index 33a15a998..1baa4e82a 100644
--- a/resources/assets/sass/custom.scss
+++ b/resources/assets/sass/custom.scss
@@ -203,3 +203,10 @@ body, button, input, textarea {
   height: .25rem;
   animation: loading-bar 3s linear infinite;
 }
+
+.notification-image {
+    background-size: cover;
+    width: 32px;
+    height: 32px;
+    background-position: 50%;
+}