#434

frontend/src/components/counts/CountsControls.tsx

@@ -63,16 +63,9 @@ const CountsControls = (
     next.delete ('execution_at')
     execute (normaliseCountsParams (resource, next))
   }}>
-    <div className="flex flex-wrap items-center gap-2 border-b pb-1 dark:border-slate-700">
-      {history ? <div className="flex min-w-0 max-w-full items-center gap-1">
-	<DateTimeField precision="second" value={draft.get ('from') ?? ''}
-	    aria-label={message ('from').text} lang={message ('from').language}
-	    className="min-w-0 flex-1" onChange={value => update ('from', value ?? '')}/>
-	<span className="shrink-0">{label ('periodSeparator')}</span>
-	<DateTimeField precision="second" value={draft.get ('through') ?? ''}
-	    aria-label={message ('through').text} lang={message ('through').language}
-	    className="min-w-0 flex-1" onChange={value => update ('through', value ?? '')}/>
-      </div> : <div className="flex flex-wrap items-center gap-1 text-sm">
+    {!history && <div className="flex flex-wrap items-center gap-2 border-b pb-1
+	dark:border-slate-700">
+      <div className="flex flex-wrap items-center gap-1 text-sm">
         {label ('referenceAt')}<HelpPopover label={message ('referenceAt')}>
           {label ('referenceHelp')}</HelpPopover>
 	<div className="flex min-w-0 max-w-full items-center gap-1">
@@ -86,8 +79,8 @@ const CountsControls = (
 		onChange={event => update ('current', event.target.checked ? '1' : '0')}/>
 	    {label ('latest')}</label>
 	</div>
-      </div>}
-    </div>
+      </div>
+    </div>}
     <div className="flex flex-wrap items-center gap-2 border-b py-1 dark:border-slate-700">
       <Button type="submit" size="sm">{label ('run')}</Button>
       <Button type="button" size="sm" variant="outline" aria-expanded={open}
@@ -132,6 +125,15 @@ const CountsControls = (
         </fieldset>
         <fieldset className="min-w-0 space-y-2" data-counts-filters>
           <legend className="font-semibold">{label ('filters')}</legend>
+	  {history && <div className="flex min-w-0 max-w-full items-center gap-1">
+	    <DateTimeField precision="second" value={draft.get ('from') ?? ''}
+		aria-label={message ('from').text} lang={message ('from').language}
+		className="min-w-0 flex-1" onChange={value => update ('from', value ?? '')}/>
+	    <span className="shrink-0">{label ('periodSeparator')}</span>
+	    <DateTimeField precision="second" value={draft.get ('through') ?? ''}
+		aria-label={message ('through').text} lang={message ('through').language}
+		className="min-w-0 flex-1" onChange={value => update ('through', value ?? '')}/>
+	  </div>}
           <div className="flex flex-wrap gap-2">
             {['resource_id', 'user_id', 'limit'].map (key => <FormField key={key}
                 label={label (key === 'resource_id' ? 'columns.resourceId'