Excessive Log Set button gone on the Quick Log screen

src/components/Tracker/SporadicView.tsx

@@ -51,7 +51,8 @@ const SporadicView: React.FC<SporadicViewProps> = ({ tracker, lang }) => {
 
     return (
         <div className="flex flex-col h-full max-h-full overflow-hidden relative bg-surface">
-            <div className="px-4 py-3 bg-surface-container shadow-elevation-1 z-20 flex justify-between items-center">
+            <div className="px-4 py-3 bg-surface-container shadow-elevation-1 z-20 grid grid-cols-[1fr_auto_1fr] items-center">
+                <div className="flex justify-start">
                     <button
                         onClick={() => {
                             resetForm();
@@ -61,22 +62,15 @@ const SporadicView: React.FC<SporadicViewProps> = ({ tracker, lang }) => {
                     >
                         {t('quit', lang)}
                     </button>
+                </div>
                 <div className="flex flex-col items-center">
                     <h2 className="text-title-medium text-on-surface flex items-center gap-2 font-medium">
                         <span className="w-2 h-2 rounded-full bg-primary animate-pulse" />
                         {t('quick_log', lang)}
                     </h2>
                 </div>
-                <button
+                <div />
-                    onClick={handleLogSporadicSet}
+
-                    className={`px-5 py-2 rounded-full text-sm font-medium transition-all ${selectedExercise
-                        ? 'bg-primary-container text-on-primary-container hover:opacity-90 shadow-elevation-1'
-                        : 'bg-surface-container-high text-on-surface-variant opacity-50 cursor-not-allowed'
-                        }`}
-                    disabled={!selectedExercise}
-                >
-                    {t('log_set', lang)}
-                </button>
             </div>
 
             <div className="flex-1 overflow-y-auto p-4 pb-32 space-y-6">