Fix desktop app promo ribbon style

thomaschampagne · Aug 9, 2024 · 88cb999 · 88cb999
1 parent 3858b36
commit 88cb999
Showing 1 changed file with 1 addition and 1 deletion.
diff --git 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>