From a66118aee7c1df9ee3f410ace2c282c46b9f528d Mon Sep 17 00:00:00 2001
From: Hugo Sales <hugo@hsal.es>
Date: Mon, 19 Apr 2021 10:50:33 +0000
Subject: [PATCH] [AVATAR] Display avatar rounded

---
 public/assets/css/base.css       | 6 +++++-
 public/assets/css/base_mid.css   | 6 +++++-
 public/assets/css/base_small.css | 6 +++++-
 templates/note/view.html.twig    | 2 +-
 4 files changed, 16 insertions(+), 4 deletions(-)

diff --git a/public/assets/css/base.css b/public/assets/css/base.css
index d025d3515c..4fd7334f88 100644
--- a/public/assets/css/base.css
+++ b/public/assets/css/base.css
@@ -295,4 +295,8 @@ input.larger {
 .create-notice button[type=submit]:hover {
       border-radius: var(--unit-size);
       box-shadow: 0 0px 8px var(--accent);
-}
\ No newline at end of file
+}
+
+.avatar {
+    border-radius: 50%;
+}
diff --git a/public/assets/css/base_mid.css b/public/assets/css/base_mid.css
index e5d9cd124a..b5a282e125 100644
--- a/public/assets/css/base_mid.css
+++ b/public/assets/css/base_mid.css
@@ -320,4 +320,8 @@ input.larger {
 .create-notice button[type=submit]:hover {
       border-radius: var(--small-size);
       box-shadow: 0 0px 8px var(--accent);
-}
\ No newline at end of file
+}
+
+.avatar {
+    border-radius: 50%;
+}
diff --git a/public/assets/css/base_small.css b/public/assets/css/base_small.css
index 273c9af76a..2217d9d518 100644
--- a/public/assets/css/base_small.css
+++ b/public/assets/css/base_small.css
@@ -320,4 +320,8 @@ input.larger {
 .create-notice button[type=submit]:hover {
       border-radius: var(--small-size);
       box-shadow: 0 0px 8px var(--accent);
-}
\ No newline at end of file
+}
+
+.avatar {
+    border-radius: 50%;
+}
diff --git a/templates/note/view.html.twig b/templates/note/view.html.twig
index e12a7eb433..29495221d9 100644
--- a/templates/note/view.html.twig
+++ b/templates/note/view.html.twig
@@ -2,7 +2,7 @@
   <div class="note-info">
     {% set nickname = note.getActorNickname() %}
     <a href="{{ path('settings_avatar') }}">
-      <img src="{{ note.getAvatarUrl() }}" alt="{{ nickname }}'s avatar">
+      <img class="avatar" src="{{ note.getAvatarUrl() }}" alt="{{ nickname }}'s avatar">
     </a>
     <b>{{ nickname }}</b>
     {% set reply_to = note.getReplyToNickname() %}