Adjust tab width in global setting modal

Author: t-hamano

flexible-table-block.php

@@ -4,7 +4,7 @@
  * Description: Easily create flexible configuration tables.
  * Requires at least: 5.9
  * Requires PHP: 7.3
- * Version: 2.9.0
+ * Version: 2.9.1
  * Author: Aki Hamano
  * Author URI: https://github.com/t-hamano
  * License: GPL2 or later

readme.txt

@@ -4,7 +4,7 @@ Tags: gutenberg, block, table
 Donate link: https://www.paypal.me/thamanoJP
 Requires at least: 5.9
 Tested up to: 6.2
-Stable tag: 2.9.0
+Stable tag: 2.9.1
 Requires PHP: 7.3
 License: GPLv2 or later
 License URI: https://www.gnu.org/licenses/gpl-2.0.html
@@ -42,6 +42,9 @@ The breakpoints for switching between Desktop and mobile can be changed freely.
 
 == Changelog ==
 
+= 2.9.1 =
+* Enhancement: Adjust tab width in global setting modal
+
 = 2.9.0 =
 * Tested to WordPress 6.2
 * Enhancement: Redesign global setting modal

src/editor.scss

@@ -709,7 +709,7 @@
 			top: 84px;
 			left: 16px;
 			flex-flow: column;
-			width: 160px;
+			width: 170px;
 
 			@media screen and (max-width: 782px) {
 				position: static;
@@ -719,6 +719,7 @@
 		}
 
 		.components-tab-panel__tabs-item {
+			text-align: left;
 
 			&:focus {
 				box-shadow: inset 0 0 0 var(--wp-admin-border-width-focus) var(--wp-admin-theme-color);
@@ -740,7 +741,7 @@
 
 		.components-tab-panel__tab-content {
 			padding-left: 24px;
-			margin-left: 160px;
+			margin-left: 170px;
 
 			@media screen and (max-width: 782px) {
 				padding-left: 0;