From c58b513e15f600827c65aa3839a0bd86c7ea32d4 Mon Sep 17 00:00:00 2001
From: Andrei Kurosh <mail@spark.ms>
Date: Sun, 14 Jan 2024 13:01:57 +0100
Subject: [PATCH] Correct display for non-square images in the title page.
 Closes #272.

---
 .../Areas/Common/Styles/Components/admin/pages.scss      | 9 ++++++---
 .../Areas/Common/Styles/Components/front/infoblock.scss  | 1 +
 2 files changed, 7 insertions(+), 3 deletions(-)

diff --git a/src/Bonsai/Areas/Common/Styles/Components/admin/pages.scss b/src/Bonsai/Areas/Common/Styles/Components/admin/pages.scss
index 5d02024..f375129 100644
--- a/src/Bonsai/Areas/Common/Styles/Components/admin/pages.scss
+++ b/src/Bonsai/Areas/Common/Styles/Components/admin/pages.scss
@@ -54,9 +54,12 @@
 #editor-main-photo {
     .main-photo-wrapper {
         .main-photo {
-            width: 100%;
-            height: auto;
-
+            object-fit: cover;
+            border-radius: 100%;
+            width: 11rem;
+            height: 11rem;
+            margin: auto;
+            display: block;
             margin-bottom: 15px;
         }
     }
diff --git a/src/Bonsai/Areas/Common/Styles/Components/front/infoblock.scss b/src/Bonsai/Areas/Common/Styles/Components/front/infoblock.scss
index 17a94dd..821ad57 100644
--- a/src/Bonsai/Areas/Common/Styles/Components/front/infoblock.scss
+++ b/src/Bonsai/Areas/Common/Styles/Components/front/infoblock.scss
@@ -33,6 +33,7 @@
         margin-bottom: 1rem;
 
         img {
+            object-fit: cover;
             border-radius: 100%;
             width: 11rem;
             height: 11rem;