fix padding for header buttons (tailwind regression) (#2458)

Author: sawka

frontend/app/view/preview/preview-model.tsx

@@ -252,45 +252,37 @@ export class PreviewModel implements ViewModel {
                     viewTextChildren.push({
                         elemtype: "textbutton",
                         text: "Loading ...",
-                        className: clsx(
-                            `grey warning rounded-[4px] py-[2px] px-[10px] text-[11px] font-[500]`
-                        ),
+                        className: clsx(`grey rounded-[4px] !py-[2px] !px-[10px] text-[11px] font-[500]`),
                         onClick: () => {},
                     });
                 } else if (fileInfo.data.readonly) {
                     viewTextChildren.push({
                         elemtype: "textbutton",
                         text: "Read Only",
-                        className: clsx(
-                            `yellow warning rounded-[4px] py-[2px] px-[10px] text-[11px] font-[500]`
-                        ),
+                        className: clsx(`yellow rounded-[4px] !py-[2px] !px-[10px] text-[11px] font-[500]`),
                         onClick: () => {},
                     });
                 } else {
                     viewTextChildren.push({
                         elemtype: "textbutton",
                         text: "Save",
-                        className: clsx(
-                            `${saveClassName} warning rounded-[4px] py-[2px] px-[10px] text-[11px] font-[500]`
-                        ),
+                        className: clsx(`${saveClassName} rounded-[4px] !py-[2px] !px-[10px] text-[11px] font-[500]`),
                         onClick: () => fireAndForget(this.handleFileSave.bind(this)),
                     });
                 }
                 if (get(this.canPreview)) {
                     viewTextChildren.push({
                         elemtype: "textbutton",
                         text: "Preview",
-                        className:
-                            "grey rounded-[4px] py-[2px] px-[10px] text-[11px] font-[500]",
+                        className: "grey rounded-[4px] !py-[2px] !px-[10px] text-[11px] font-[500]",
                         onClick: () => fireAndForget(() => this.setEditMode(false)),
                     });
                 }
             } else if (get(this.canPreview)) {
                 viewTextChildren.push({
                     elemtype: "textbutton",
                     text: "Edit",
-                    className:
-                        "grey rounded-[4px] py-[2px] px-[10px] text-[11px] font-[500]",
+                    className: "grey rounded-[4px] !py-[2px] !px-[10px] text-[11px] font-[500]",
                     onClick: () => fireAndForget(() => this.setEditMode(true)),
                 });
             }

frontend/app/view/term/term.tsx

@@ -196,7 +196,7 @@ class TermViewModel implements ViewModel {
                 rtn.push({
                     elemtype: "textbutton",
                     text: "Multi Input ON",
-                    className: "yellow",
+                    className: "yellow !py-[2px] !px-[10px] text-[11px] font-[500]",
                     title: "Input will be sent to all connected terminals (click to disable)",
                     onClick: () => {
                         globalStore.set(atoms.isTermMultiInput, false);