From e53248dba9f0f56bae4742d2d19b19595bb5f93e Mon Sep 17 00:00:00 2001
From: Diptesh Roy <droy88333@gmail.com>
Date: Mon, 8 Jun 2026 19:26:38 +0530
Subject: [PATCH] fix: replace rounded-circle with rounded on logo in admin
 pages

The CollectOSS logo was being cropped by Bootstrap's rounded-circle class
which forces a circular mask on the rectangular logo image. Replaced with
rounded class which softly rounds the corners without cropping the logo.

Fixes #302

Signed-off-by: Diptesh Roy <droy88333@gmail.com>
---
 collectoss/templates/admin-dashboard.j2 | 2 +-
 collectoss/templates/settings.j2        | 2 +-
 2 files changed, 2 insertions(+), 2 deletions(-)

diff --git a/collectoss/templates/admin-dashboard.j2 b/collectoss/templates/admin-dashboard.j2
index ea4100d49..ee547b46d 100644
--- a/collectoss/templates/admin-dashboard.j2
+++ b/collectoss/templates/admin-dashboard.j2
@@ -45,7 +45,7 @@
                 <hr>
                 <div class="dropdown">
                     <a href="{{ url_for('root') }}" class="d-flex align-items-center text-white text-decoration-none">
-                        <img src="{{ url_for('logo') }}" alt="CollectOSS logo" height="32" class="rounded-circle me-2">
+                        <img src="{{ url_for('logo') }}" alt="CollectOSS logo" height="32" class="rounded me-2">
                     </a>
                     {# Reserved for future use
                     <ul class="dropdown-menu dropdown-menu-dark text-small shadow" aria-labelledby="dropdownUser1">
diff --git a/collectoss/templates/settings.j2 b/collectoss/templates/settings.j2
index 528bfc770..cdedd6b8c 100644
--- a/collectoss/templates/settings.j2
+++ b/collectoss/templates/settings.j2
@@ -40,7 +40,7 @@
                     class="d-flex flex-md-column text-truncate flex-row flex-grow-1 align-items-center align-items-md-start px-3 py-2 text-white">
                     <a href="{{ url_for('root') }}"
                         class="d-flex align-items-around mw-100 text-white text-decoration-none">
-                        <img src="{{ url_for('logo') }}" alt="CollectOSS logo" height="40" class="rounded-circle me-2">
+                        <img src="{{ url_for('logo') }}" alt="CollectOSS logo" height="40" class="rounded me-2">
                     </a>
                     <ul class="nav nav-pills flex-md-column flex-row flex-nowrap flex-shrink-1 flex-md-grow-0 flex-grow-1 mb-md-auto mb-0 justify-content-center align-items-center align-items-md-start"
                         id="menu">