Enhance workspace indicator styling and add table drop functionality in ZenPinnedTabsStorage

src/browser/base/content/zen-styles/zen-tabs/vertical-tabs.css

@@ -398,6 +398,14 @@
       display: none;
     }
 
+    & #zen-current-workspace-indicator {
+      margin-left: 0;
+      margin-right: 0;
+      display: flex;
+      align-items: center;
+      justify-content: center;
+    }
+
     & #vertical-tabs-newtab-button {
       padding: 0 !important;
       background: transparent !important;

src/browser/base/content/zen-styles/zen-workspaces.css

@@ -414,8 +414,7 @@
   font-weight: 600;
   align-items: center;
   position: relative;
-  max-width: 140px;
-
+  
   & #zen-current-workspace-indicator-icon {
     font-size: 14px;
   }
@@ -428,9 +427,12 @@
     white-space: nowrap;
     text-overflow: ellipsis;
     display: block;
+
+    position: absolute;
+    max-width: 100%;
   }
 
-  & #zen-current-workspace-indicator-icon:not([hidden]) + #zen-current-workspace-indicator-name {
-    margin-left: 10px;
+  & #zen-current-workspace-indicator-icon:not([hidden]) + #zen-current-workspace-indicator-name  {
+    margin-left: 23px;
   }
 }

src/browser/base/zen-components/ZenPinnedTabsStorage.mjs

@@ -328,5 +328,12 @@ var ZenPinnedTabsStorage = {
     });
 
     this._notifyPinsChanged("zen-pin-updated", Array.from(changedUUIDs));
+  },
+
+  async __dropTables() {
+    await PlacesUtils.withConnectionWrapper('ZenPinnedTabsStorage.__dropTables', async (db) => {
+      await db.execute(`DROP TABLE IF EXISTS zen_pins`);
+      await db.execute(`DROP TABLE IF EXISTS zen_pins_changes`);
+    });
   }
 };