From b326bf45a9cc05175c5cdc828db00ed241ba1103 Mon Sep 17 00:00:00 2001
From: tobi <31960611+tsmethurst@users.noreply.github.com>
Date: Mon, 18 Jul 2022 09:44:32 +0200
Subject: [PATCH] [frontend] Tweak border radius for header + avatar (#713)

---
 web/source/css/base.css    | 4 ++++
 web/source/css/profile.css | 4 ++--
 2 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/web/source/css/base.css b/web/source/css/base.css
index bf0599803..11d6dc407 100644
--- a/web/source/css/base.css
+++ b/web/source/css/base.css
@@ -28,7 +28,11 @@
 	src: url(../NotoSans-Bold.ttf) format('truetype');
 }
 
+// standard border radius for nice squircles
 $br: 0.4rem;
+// border radius for items that are framed/bordered
+// inside something with $br, eg avatar, header img
+$br_inner: 0.2rem; 
 
 html, body {
 	padding: 0;
diff --git a/web/source/css/profile.css b/web/source/css/profile.css
index e7a422680..4fa0b6247 100644
--- a/web/source/css/profile.css
+++ b/web/source/css/profile.css
@@ -50,7 +50,7 @@ main {
 			width: 100%;
 			height: 100%;
 			object-fit: cover;
-			border-radius: $br $br 0 0;
+			border-radius: $br_inner $br_inner 0 0;
 		}
 	}
 
@@ -87,7 +87,7 @@ main {
 			box-shadow: $boxshadow;
 			img {
 				object-fit: cover;
-				border-radius: $br;
+				border-radius: $br_inner;
 				width: 100%;
 				height: 100%;
 			}