···

       
381
       
381
       
 
       
                <div class="flex items-center justify-end gap-2">

     

       
382
       
382
       
 
       
                  <button

     

       
383
       
383
       
 
       
                    type="button"

     

       
384
       
384
       
-
       
                    class="flex items-center gap-1 rounded-sm p-1.5 text-sm hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"

     

       
384
       
384
       
+
       
                    class="flex items-center gap-1 rounded-sm p-1.5 text-xs hover:bg-neutral-200 active:bg-neutral-300 dark:hover:bg-neutral-700 dark:active:bg-neutral-600"

     

       
385
       
385
       
 
       
                    onClick={() =>

     

       
386
       
386
       
 
       
                      setValidate(

     

       
387
       
387
       
 
       
                        validate() === true ? false

     
···

       
393
       
393
       
 
       
                    <Tooltip text={getValidateLabel()}>

     

       
394
       
394
       
 
       
                      <span class={`iconify ${getValidateIcon()}`}></span>

     

       
395
       
395
       
 
       
                    </Tooltip>

     

       
396
       
396
       
-
       
                    <span class="text-xs">Validate</span>

     

       
396
       
396
       
+
       
                    <span>Validate</span>

     

       
397
       
397
       
 
       
                  </button>

     

       
398
       
398
       
 
       
                  <Show when={!props.create}>

     

       
399
       
399
       
 
       
                    <Button onClick={() => editRecord(true)}>Recreate</Button>