Fix maximize handler affecting only last status header column (#5796)

* Fix maximize handler affecting only last status header column

* Apply Prettier formatting

* Scope header query to status widget container

Author: Kunal241207

js/widgets/status.js

@@ -94,21 +94,29 @@ class StatusMatrix {
                     >  `;
             }
             cell.style.width = "212.5px";
-            this.widgetWindow.onmaximize = () => {
-                this.isMaximized = !this.isMaximized;
-                cell.style.width = "100vw";
-                cell.style.paddingLeft = "30px";
-                cell.style.fontSize =
-                    Math.floor(this._cellScale * StatusMatrix.FONTSCALEFACTOR) * 0.9 + "%";
-                if (!this.isMaximized) {
-                    cell.style.width = "212.5px";
-                }
-            };
             // cell.style.width = StatusMatrix.BUTTONSIZE * this._cellScale*2 + "px";
             cell.style.height = Math.floor(MATRIXSOLFEHEIGHT * this._cellScale) + "px";
             cell.className = "headcol";
         }
 
+        this.widgetWindow.onmaximize = () => {
+            this.isMaximized = !this.isMaximized;
+            const headerFontSize =
+                Math.floor(this._cellScale * StatusMatrix.FONTSCALEFACTOR) * 0.9 + "%";
+            const headerCells = this._statusTable.querySelectorAll("thead .headcol");
+            headerCells.forEach(headerCell => {
+                if (this.isMaximized) {
+                    headerCell.style.width = "100vw";
+                    headerCell.style.paddingLeft = "30px";
+                    headerCell.style.fontSize = headerFontSize;
+                } else {
+                    headerCell.style.width = "212.5px";
+                    headerCell.style.paddingLeft = "";
+                    headerCell.style.fontSize = "";
+                }
+            });
+        };
+
         // console.debug("active turtles: " + turtles.turtleList.length);
 
         // One row per field, one column per mouse (plus the labels)
@@ -145,17 +153,18 @@ class StatusMatrix {
                     if (localStorage.languagePreference === "ja") {
                         label = _("beats per minute2");
                     } else {
-                        label = this.activity.blocks.blockList[statusField[0]].protoblock
-                            .staticLabels[0];
+                        label =
+                            this.activity.blocks.blockList[statusField[0]].protoblock
+                                .staticLabels[0];
                     }
                     // console.debug(label);
                     break;
                 case "outputtools":
                     label = this.activity.blocks.blockList[statusField[0]].privateData;
                     break;
                 default:
-                    label = this.activity.blocks.blockList[statusField[0]].protoblock
-                        .staticLabels[0];
+                    label =
+                        this.activity.blocks.blockList[statusField[0]].protoblock.staticLabels[0];
                     break;
             }
             let str = label;