Render user pic as a circle using clip-path() CSS

diff --git a/webcit-ng/static/css/webcit.css b/webcit-ng/static/css/webcit.css
index 4b13164db9f58fb49f5691d9b9a2cc620ed0d9d0..5b5755f74f70beb1ad6ad25878fe6dc8ed640f24 100644 (file)
--- a/webcit-ng/static/css/webcit.css
+++ b/webcit-ng/static/css/webcit.css
@@ -190,6 +190,10 @@ html,body,h1,h2,h3,h4,h5 {
        width: 32px;
 }
 
+.ctdl-avatar img {
+       clip-path: circle(50%);
+}
+
 .ctdl-username {
        font-weight: bold;
        color: #000055;