From de1ccc1e62f5a2e200d59647bc3c12259a440db6 Mon Sep 17 00:00:00 2001
From: Vittorio Alfieri <vittorio88@gmail.com>
Date: Sat, 14 Mar 2026 18:40:39 -0500
Subject: [PATCH] Fix topbar text not vertically centered with social icons

The topbar text column was shorter than the social icons column,
causing misalignment. Add flexbox centering to #top .row across
all color variants.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
---
 static/css/style.blue.css      | 4 ++++
 static/css/style.default.css   | 4 ++++
 static/css/style.green.css     | 4 ++++
 static/css/style.marsala.css   | 4 ++++
 static/css/style.pink.css      | 4 ++++
 static/css/style.red.css       | 4 ++++
 static/css/style.turquoise.css | 4 ++++
 static/css/style.violet.css    | 4 ++++
 8 files changed, 32 insertions(+)

diff --git a/static/css/style.blue.css b/static/css/style.blue.css
index ef2764b67..57628bd37 100644
--- a/static/css/style.blue.css
+++ b/static/css/style.blue.css
@@ -247,6 +247,10 @@ ul.list-style-none {
   color: #eeeeee;
   padding: 10px 0;
 }
+#top .row {
+  display: flex;
+  align-items: center;
+}
 #top p {
   margin: 0;
   font-size: 12px;
diff --git a/static/css/style.default.css b/static/css/style.default.css
index c02c164d3..3ae637ff3 100644
--- a/static/css/style.default.css
+++ b/static/css/style.default.css
@@ -247,6 +247,10 @@ ul.list-style-none {
   color: #eeeeee;
   padding: 10px 0;
 }
+#top .row {
+  display: flex;
+  align-items: center;
+}
 #top p {
   margin: 0;
   font-size: 12px;
diff --git a/static/css/style.green.css b/static/css/style.green.css
index bc44bcc0b..6db6a8903 100644
--- a/static/css/style.green.css
+++ b/static/css/style.green.css
@@ -247,6 +247,10 @@ ul.list-style-none {
   color: #eeeeee;
   padding: 10px 0;
 }
+#top .row {
+  display: flex;
+  align-items: center;
+}
 #top p {
   margin: 0;
   font-size: 12px;
diff --git a/static/css/style.marsala.css b/static/css/style.marsala.css
index 0cc2967d7..64c85abc6 100644
--- a/static/css/style.marsala.css
+++ b/static/css/style.marsala.css
@@ -247,6 +247,10 @@ ul.list-style-none {
   color: #eeeeee;
   padding: 10px 0;
 }
+#top .row {
+  display: flex;
+  align-items: center;
+}
 #top p {
   margin: 0;
   font-size: 12px;
diff --git a/static/css/style.pink.css b/static/css/style.pink.css
index 9ad54e3ae..e00945e9a 100644
--- a/static/css/style.pink.css
+++ b/static/css/style.pink.css
@@ -247,6 +247,10 @@ ul.list-style-none {
   color: #eeeeee;
   padding: 10px 0;
 }
+#top .row {
+  display: flex;
+  align-items: center;
+}
 #top p {
   margin: 0;
   font-size: 12px;
diff --git a/static/css/style.red.css b/static/css/style.red.css
index fefd9c793..a75dee705 100644
--- a/static/css/style.red.css
+++ b/static/css/style.red.css
@@ -247,6 +247,10 @@ ul.list-style-none {
   color: #eeeeee;
   padding: 10px 0;
 }
+#top .row {
+  display: flex;
+  align-items: center;
+}
 #top p {
   margin: 0;
   font-size: 12px;
diff --git a/static/css/style.turquoise.css b/static/css/style.turquoise.css
index 8dcde7b6d..e19dd09cf 100644
--- a/static/css/style.turquoise.css
+++ b/static/css/style.turquoise.css
@@ -247,6 +247,10 @@ ul.list-style-none {
   color: #eeeeee;
   padding: 10px 0;
 }
+#top .row {
+  display: flex;
+  align-items: center;
+}
 #top p {
   margin: 0;
   font-size: 12px;
diff --git a/static/css/style.violet.css b/static/css/style.violet.css
index 76953191a..05f081a26 100644
--- a/static/css/style.violet.css
+++ b/static/css/style.violet.css
@@ -247,6 +247,10 @@ ul.list-style-none {
   color: #eeeeee;
   padding: 10px 0;
 }
+#top .row {
+  display: flex;
+  align-items: center;
+}
 #top p {
   margin: 0;
   font-size: 12px;