Add css to change tab width

main.ts

@@ -34,6 +34,7 @@ export default class ShrinkPinnedTabs extends Plugin {
 
 	onunload() {
 		console.log('Unloading Shrink pinned tabs plugin');
+		this.updateStyle()
 	}
 
 	async loadSettings() {
@@ -48,13 +49,15 @@ export default class ShrinkPinnedTabs extends Plugin {
 
 	// update the styles (at the start, or as the result of a settings change)
 	updateStyle = () => {
+		console.log('Update style');
 		const tabs = document.querySelectorAll('.workspace-tab-header:has(.mod-pinned)');
 		if (tabs != null) {
 			for (var i = 0; i < tabs.length; i++) {
 				const title = (tabs[i].querySelectorAll('.workspace-tab-header-inner-title'));
 				if (title != null) {
 					title[0].toggleClass('mod-pinned-hide', this.settings.hideTitle);
 				}
+				tabs[i].style.width = this.settings.tabWidth + 'px';
 			}
 		}
 	}

styles.css

@@ -1,8 +1,3 @@
-.workspace-tab-header:has(.mod-pinned) {
-	/* shrink if pinned */
-	max-width: 80px !important;
-}
-
 /* class to hide tab title */
 .mod-pinned-hide {
 	display: none;