FIX: chỉnh sửa UI của master strip

app/static/js/app.jsx

@@ -951,8 +951,9 @@ const MasterStripConsole = ({ masterVolume, setMasterVolume, showMasteringModal,
       )
     ),
       React.createElement("div", { className: "flex gap-2 my-2 justify-between items-stretch shrink-0", style: {height: '150px'} },
-       React.createElement("div", { className: "flex-1 flex items-stretch justify-between bg-black/80 p-1.5 rounded border border-slate-800/90 relative shadow-inner" },
+        React.createElement("div", { className: "flex-1 flex flex-col bg-black/80 p-1.5 rounded border border-slate-800/90 relative shadow-inner" },
-         React.createElement("div", { className: "flex flex-col h-full text-[8px] font-mono text-slate-400 select-none pr-1 text-right border-r border-slate-800/60 overflow-hidden" },
+          React.createElement("div", { className: "flex-1 flex items-stretch justify-between min-h-0" },
+            React.createElement("div", { className: "flex flex-col h-full text-[8px] font-mono text-slate-400 select-none pr-1 text-right border-r border-slate-800/60 overflow-hidden" },
            React.createElement("span", { className: "flex-1 flex items-center justify-end" }, "+12"), React.createElement("span", { className: "flex-1 flex items-center justify-end" }, "+6"), React.createElement("span", { className: "flex-1 flex items-center justify-end" }, "0"), React.createElement("span", { className: "flex-1 flex items-center justify-end" }, "-6"),
            React.createElement("span", { className: "flex-1 flex items-center justify-end" }, "-12"), React.createElement("span", { className: "flex-1 flex items-center justify-end" }, "-18"), React.createElement("span", { className: "flex-1 flex items-center justify-end" }, "-24"), React.createElement("span", { className: "flex-1 flex items-center justify-end" }, "-30"),
            React.createElement("span", { className: "flex-1 flex items-center justify-end" }, "-36"), React.createElement("span", { className: "flex-1 flex items-center justify-end" }, "-42"), React.createElement("span", { className: "flex-1 flex items-center justify-end" }, "-54")
@@ -966,8 +967,13 @@ const MasterStripConsole = ({ masterVolume, setMasterVolume, showMasteringModal,
          React.createElement("div", { className: "flex flex-col h-full text-[8px] font-mono text-slate-400 select-none pl-1 text-left border-l border-slate-800/60 overflow-hidden" },
            React.createElement("span", { className: "flex-1 flex items-center justify-start" }, "+12"), React.createElement("span", { className: "flex-1 flex items-center justify-start" }, "+6"), React.createElement("span", { className: "flex-1 flex items-center justify-start" }, "0"), React.createElement("span", { className: "flex-1 flex items-center justify-start" }, "-6"),
            React.createElement("span", { className: "flex-1 flex items-center justify-start" }, "-12"), React.createElement("span", { className: "flex-1 flex items-center justify-start" }, "-18"), React.createElement("span", { className: "flex-1 flex items-center justify-start" }, "-24"), React.createElement("span", { className: "flex-1 flex items-center justify-start" }, "-30"),
-           React.createElement("span", { className: "flex-1 flex items-center justify-start" }, "-36"), React.createElement("span", { className: "flex-1 flex items-center justify-start" }, "-42"), React.createElement("span", { className: "flex-1 flex items-center justify-start" }, "-54")
+            React.createElement("span", { className: "flex-1 flex items-center justify-start" }, "-36"), React.createElement("span", { className: "flex-1 flex items-center justify-start" }, "-42"), React.createElement("span", { className: "flex-1 flex items-center justify-start" }, "-54")
-         )
+          )
+        ),
+        React.createElement("div", { className: "flex justify-between text-[9px] font-mono text-slate-400 mt-0.5" },
+          React.createElement("span", { ref: peakLRef }, "-inf"),
+          React.createElement("span", { ref: peakRRef }, "-inf")
+        )
       ),
       React.createElement("div", { className: "w-16 flex items-stretch gap-1 bg-slate-900/60 p-1 rounded border border-slate-800" },
         React.createElement("div", {
@@ -1039,10 +1045,6 @@ const MasterStripConsole = ({ masterVolume, setMasterVolume, showMasteringModal,
         )
       )
     ),
-    React.createElement("div", { className: "flex justify-between w-full text-[9px] font-mono text-slate-400 px-2 mt-0.5 mb-0.5" },
-      React.createElement("span", { ref: peakLRef }, "-inf"),
-      React.createElement("span", { ref: peakRRef }, "-inf")
-    ),
     React.createElement("div", { className: "mt-1 pt-1 border-t border-slate-800 flex flex-col items-center" },
       React.createElement("div", { className: "flex justify-between w-full text-[9px] font-mono mb-0.5" },
         React.createElement("span", { className: "text-emerald-400" }, "RMS"),