Update viewoptions layout. (#2050)

Signed-off-by: Andrey Sobolev <haiodo@gmail.com>

plugins/task-resources/src/components/state/DoneStateEditor.svelte

@@ -75,11 +75,11 @@
 >
   <svelte:fragment slot="content">
     {#if state}
-      <DoneStatePresenter value={state} showTitle />
+      <div class="pointer-events-none"><DoneStatePresenter value={state} showTitle /></div>
     {:else}
-      <div class="flex-center clear-mins">
+      <div class="flex-row-center pointer-events-none">
         <div class="color background-card-divider" />
-        <Label label={task.string.NoDoneState} />
+        <span class="overflow-label"><Label label={task.string.NoDoneState} /></span>
       </div>
     {/if}
   </svelte:fragment>

plugins/task-resources/src/components/state/StateEditor.svelte

@@ -59,7 +59,7 @@
 <Button {kind} {size} {width} {justify} on:click={handleClick}>
   <svelte:fragment slot="content">
     {#if state}
-      <StatePresenter value={state} />
+      <div class="pointer-events-none"><StatePresenter value={state} /></div>
     {/if}
   </svelte:fragment>
 </Button>