#434

frontend/src/components/TopNav.tsx

@@ -120,7 +120,8 @@ export const menuOutline = (
       { ...message ('entertainment'), visible: false, subMenu: [
 	  { ...message ('theatre'), to: '/theatres/1' },
 	  { ...message ('gekanator'), to: '/gekanator' }] },
-      { ...message ('counts'), visible: false, subMenu: [
+      { ...message ('counts'),
+	name: `${ message ('counts').name } (β)`, visible: false, subMenu: [
 	  { ...message ('posts'), to: '/counts/posts' },
 	  { ...message ('tags'), to: '/counts/tags' },
 	  { ...message ('externalTags'), to: '/counts/nico-tags' }] },

frontend/src/components/counts/CountsAxes.tsx

@@ -49,8 +49,9 @@ const CountsAxes = ({ params, update }: {
     commit (next)
   }
   return <SortableList groups={groups} name={name} onChange={commit}
-      renderGroup={(id, content, over) => <fieldset className="mb-2 min-w-0">
-        <legend>{label (id === 'available' ? 'axisItems' : id)}</legend>
+      renderGroup={(id, content, over) => <fieldset className="mx-2 mb-2 min-w-0">
+        <legend className="mb-1 font-semibold">
+          {label (id === 'available' ? 'axisItems' : id)}</legend>
         <div className={cn ('rounded border px-1 dark:border-slate-700',
 	    over && 'ring-1 ring-blue-500 dark:ring-blue-400')}>{content}</div>
       </fieldset>} renderItem={(id, group) => {