From 88cb9993616bf4dd854a556f8ce1955426086112 Mon Sep 17 00:00:00 2001
From: Thomas Champagne <th.champagne@gmail.com>
Date: Fri, 9 Aug 2024 19:30:14 +0200
Subject: [PATCH] Fix desktop app promo ribbon style

---
 webextension/scripts/elevate.ts | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/webextension/scripts/elevate.ts b/webextension/scripts/elevate.ts
index 1f36a79c6..fd785f9f0 100644
--- a/webextension/scripts/elevate.ts
+++ b/webextension/scripts/elevate.ts
@@ -383,7 +383,7 @@ export class Elevate {
   }
 
   public handleDesktopAppPromo(): void {
-    const html = `<div id="desktopAppPromo" style="display: flex; justify-content: flex-start; background-color: rgba(0, 0, 0, 0.8); color: white; font-size: 12px; position: relative; z-index: 999; padding-top: 10px; padding-bottom: 10px;  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: center; border-bottom: 1px solid lightgray">
+    const html = `<div id="desktopAppPromo" style="display: flex; justify-content: flex-start; align-items: center; background-color: rgba(0, 0, 0, 0.8); color: white; font-size: 12px; position: relative; z-index: 999; padding-top: 10px; padding-bottom: 10px;  font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif; text-align: center; border-bottom: 1px solid lightgray">
                     <div style="margin-left: 10px; white-space: nowrap; flex: 1; display: flex; justify-content: flex-start;">
                       <strong>"Elevate Desktop App" is now available: more features included inside & still FREE!</strong>
                     </div>