minor grid update

frontend/src/routes/+page.svelte

@@ -113,19 +113,19 @@
     {/if}
   </article>
   {#if pipelineParams}
-    <article class="my-3 grid grid-cols-1 gap-3 sm:grid-cols-2">
+    <article class="my-3 grid grid-cols-1 gap-3 sm:grid-cols-4">
       {#if isImageMode}
-        <div class="sm:col-start-1">
+        <div class="col-span-2 sm:col-start-1">
           <VideoInput
             width={Number(pipelineParams.width.default)}
             height={Number(pipelineParams.height.default)}
           ></VideoInput>
         </div>
       {/if}
-      <div class={isImageMode ? 'sm:col-start-2' : 'col-span-2'}>
+      <div class={isImageMode ? 'col-span-2 sm:col-start-3' : 'col-span-4'}>
         <ImagePlayer />
       </div>
-      <div class="sm:col-span-2">
+      <div class="sm:col-span-4 sm:row-start-2">
         <Button on:click={toggleLcmLive} {disabled} classList={'text-lg my-1 p-2'}>
           {#if isLCMRunning}
             Stop