From f1b29df00934a76f854bb88aa8c441ce5c79169a Mon Sep 17 00:00:00 2001
From: Nakul Kaul <118892662+NakulKaul644@users.noreply.github.com>
Date: Wed, 26 Jun 2024 14:33:04 +0530
Subject: [PATCH 1/2] Improve layout consistency and logo alignment
 (layout.pug)

* Adjusted top and bottom margins for consistent card spacing:
    - Removed unnecessary top margin (-15px) on cards.
    - Added 10px bottom margin to Logo Card for alignment with other cards.

* Optimized Logo size for better block card alignment:
    - Reduced Logo height from 128px to 96px for proper vertical positioning.

These changes ensure a more uniform and visually appealing layout across all card components.
---
 views/layout.pug | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/views/layout.pug b/views/layout.pug
index f2afd65..867bc19 100644
--- a/views/layout.pug
+++ b/views/layout.pug
@@ -350,7 +350,7 @@ html(lang='en')
           return '<div class="card-header"><strong>Market Cap <span class="small fw-normal">(USD)</span></strong></div><div class="card-body"><div id="usdMarketCapPanelLoading" class="header-panel"><i class="fa-solid fa-spinner fa-spin-pulse"></i></div><div id="usdMarketCapPanel" class="header-panel" style="display:none;"><span class="fa-solid fa-chart-line"></span><label id="usdMarketCap"></label></div></div>';
         }
         function getLogoPanel() {
-          return `<img src="#{settings.shared_pages.logo}" style="margin-top:-15px;height:128px;" alt="${"#{settings.coin.name}".replace(/"/g, '&quot;')} Logo" title="${"#{settings.coin.name}".replace(/"/g, '&quot;')} Logo" />`;
+          return `<img src="#{settings.shared_pages.logo}" style="margin-top:0px;height:96px;margin-bottom:10px;" alt="${"#{settings.coin.name}".replace(/"/g, '&quot;')} Logo" title="${"#{settings.coin.name}".replace(/"/g, '&quot;')} Logo" />`;
         }
         function getSpacerPanel() {
           return `<div class="panel_spacer"></div>`;
@@ -1448,4 +1448,4 @@ html(lang='en')
       .col-4.navbar-nav
         ui.nav.justify-content-end
           label#lblBlockcount.badge.nav-link.border-0.float-end
-          label#lblConnections.badge.nav-link.border-0.float-end
\ No newline at end of file
+          label#lblConnections.badge.nav-link.border-0.float-end

From 7177742f54fe71f8c80a456fd9d98649b036b944 Mon Sep 17 00:00:00 2001
From: Joe Uhren <joeuhren@protonmail.com>
Date: Thu, 19 Sep 2024 20:54:25 -0600
Subject: [PATCH 2/2] Improved logo panel spacing on small screens

---
 public/css/style.scss | 10 ++++++++++
 views/layout.pug      |  4 ++--
 2 files changed, 12 insertions(+), 2 deletions(-)

diff --git a/public/css/style.scss b/public/css/style.scss
index a4f6c7d..8cf09be 100644
--- a/public/css/style.scss
+++ b/public/css/style.scss
@@ -1527,6 +1527,11 @@ div.navbar-expand-lg {
   margin-top: 80px;
 }
 
+#logo-panel {
+  margin-top: 0;
+  margin-bottom: 10px;
+}
+
 @media screen and (min-width: 992px) {
   div#side-nav-bar {
     display: block;
@@ -1553,6 +1558,11 @@ div.navbar-expand-lg {
   #inner-header-side button#search-header-button {
     display: none;
   }
+
+  #logo-panel {
+    margin-top: -15px;
+    margin-bottom: 0;
+  }
 }
 
 .navbar-collapse {
diff --git a/views/layout.pug b/views/layout.pug
index 867bc19..1996a16 100644
--- a/views/layout.pug
+++ b/views/layout.pug
@@ -350,7 +350,7 @@ html(lang='en')
           return '<div class="card-header"><strong>Market Cap <span class="small fw-normal">(USD)</span></strong></div><div class="card-body"><div id="usdMarketCapPanelLoading" class="header-panel"><i class="fa-solid fa-spinner fa-spin-pulse"></i></div><div id="usdMarketCapPanel" class="header-panel" style="display:none;"><span class="fa-solid fa-chart-line"></span><label id="usdMarketCap"></label></div></div>';
         }
         function getLogoPanel() {
-          return `<img src="#{settings.shared_pages.logo}" style="margin-top:0px;height:96px;margin-bottom:10px;" alt="${"#{settings.coin.name}".replace(/"/g, '&quot;')} Logo" title="${"#{settings.coin.name}".replace(/"/g, '&quot;')} Logo" />`;
+          return `<img id="logo-panel" src="#{settings.shared_pages.logo}" style="height:128px;" alt="${"#{settings.coin.name}".replace(/"/g, '&quot;')} Logo" title="${"#{settings.coin.name}".replace(/"/g, '&quot;')} Logo" />`;
         }
         function getSpacerPanel() {
           return `<div class="panel_spacer"></div>`;
@@ -1448,4 +1448,4 @@ html(lang='en')
       .col-4.navbar-nav
         ui.nav.justify-content-end
           label#lblBlockcount.badge.nav-link.border-0.float-end
-          label#lblConnections.badge.nav-link.border-0.float-end
+          label#lblConnections.badge.nav-link.border-0.float-end
\ No newline at end of file