un-daisy labels

web/components/answers/answer-item.tsx

@@ -101,7 +101,7 @@ export function AnswerItem(props: {
           ))}
         {showChoice ? (
           <div className="form-control py-1">
-            <label className="label cursor-pointer gap-3">
+            <label className="cursor-pointer gap-3 px-1 py-2">
               <span className="">Choose this answer</span>
               {showChoice === 'radio' && (
                 <input

web/components/contract/contract-report-resolution.tsx

@@ -32,7 +32,7 @@ export function ContractReportResolution(props: { contract: Contract }) {
   }
 
   const flagClass = clsx(
-    'mx-2 flex flex-col items-center gap-1  w-6 h-6  rounded-md !bg-gray-100 px-2 py-1 hover:bg-gray-300',
+    'mx-2 flex flex-col items-center gap-1  w-6 h-6  rounded-md !bg-gray-100 px-1 py-2 hover:bg-gray-300',
     userReported ? '!text-red-500' : '!text-gray-500'
   )
 

web/components/create-post.tsx

@@ -57,7 +57,7 @@ export function CreatePost(props: { group?: Group }) {
         <Title className="!mt-0" text="Create a post" />
         <form>
           <div className="form-control w-full">
-            <label className="label">
+            <label className="px-1 py-2">
               <span className="mb-1">
                 Title<span className={'text-red-700'}> *</span>
               </span>
@@ -70,7 +70,7 @@ export function CreatePost(props: { group?: Group }) {
               onChange={(e) => setTitle(e.target.value || '')}
             />
             <Spacer h={6} />
-            <label className="label">
+            <label className="px-1 py-2">
               <span className="mb-1">
                 Subtitle<span className={'text-red-700'}> *</span>
               </span>
@@ -83,7 +83,7 @@ export function CreatePost(props: { group?: Group }) {
               onChange={(e) => setSubtitle(e.target.value || '')}
             />
             <Spacer h={6} />
-            <label className="label">
+            <label className="px-1 py-2">
               <span className="mb-1">
                 Content<span className={'text-red-700'}> *</span>
               </span>

web/components/groups/edit-group-button.tsx

@@ -52,7 +52,7 @@ export function EditGroupButton(props: { group: Group; className?: string }) {
       <Modal open={open} setOpen={updateOpen}>
         <div className="h-full rounded-md bg-white p-8">
           <div className="form-control w-full">
-            <label className="label">
+            <label className="px-1 py-2">
               <span className="mb-1">Group name</span>
             </label>
 
@@ -67,7 +67,7 @@ export function EditGroupButton(props: { group: Group; className?: string }) {
           <Spacer h={4} />
 
           <div className="form-control w-full">
-            <label className="label">
+            <label className="px-1 py-2">
               <span className="mb-0">Add members</span>
             </label>
             <FilterSelectUsers

web/components/groups/group-selector.tsx

@@ -83,7 +83,7 @@ export function GroupSelector(props: {
         {() => (
           <>
             {showLabel && (
-              <Combobox.Label className="label justify-start gap-2 text-base">
+              <Combobox.Label className="justify-start gap-2 px-1 py-2 text-base">
                 Add to Group
                 <InfoTooltip text="Question will be displayed alongside the other questions in the group." />
               </Combobox.Label>

web/components/manalinks/create-links-button.tsx

@@ -116,7 +116,7 @@ function CreateManalinkForm(props: {
           <Title className="!my-0" text="Create a Manalink" />
           <div className="flex flex-col flex-wrap gap-x-5 gap-y-2">
             <div className="form-control flex-auto">
-              <label className="label">Amount</label>
+              <label className="px-1 py-2">Amount</label>
               <div className="relative">
                 <span className="absolute mx-3 mt-3.5 text-sm text-gray-400">
                   M$
@@ -136,7 +136,7 @@ function CreateManalinkForm(props: {
             </div>
             <div className="flex flex-col gap-2 md:flex-row">
               <div className="form-control w-full md:w-1/2">
-                <label className="label">Uses</label>
+                <label className="px-1 py-2">Uses</label>
                 <Input
                   type="number"
                   min="1"
@@ -149,7 +149,7 @@ function CreateManalinkForm(props: {
                 />
               </div>
               <div className="form-control w-full md:w-1/2">
-                <label className="label">Expires in</label>
+                <label className="px-1 py-2">Expires in</label>
                 <select
                   className="!select !select-bordered"
                   value={expiresIn}
@@ -164,7 +164,7 @@ function CreateManalinkForm(props: {
               </div>
             </div>
             <div className="form-control w-full">
-              <label className="label">Message</label>
+              <label className="px-1 py-2">Message</label>
               <ExpandingInput
                 placeholder={defaultMessage}
                 maxLength={200}

web/pages/create.tsx

@@ -97,10 +97,8 @@ export default function Create(props: { auth: { user: User } }) {
 
           <form>
             <div className="form-control w-full">
-              <label className="label">
-                <span className="mb-1">
-                  Question<span className={'text-red-700'}>*</span>
-                </span>
+              <label className="px-1 pt-2 pb-3">
+                Question<span className={'text-red-700'}>*</span>
               </label>
 
               <ExpandingInput
@@ -281,9 +279,7 @@ export function NewContract(props: {
 
   return (
     <div>
-      <label className="label">
-        <span className="mb-1">Answer type</span>
-      </label>
+      <label className="px-1 pt-2 pb-3">Answer type</label>
       <Row>
         <ChoicesToggleGroup
           currentChoice={outcomeType}
@@ -320,7 +316,7 @@ export function NewContract(props: {
       {outcomeType === 'PSEUDO_NUMERIC' && (
         <>
           <div className="form-control mb-2 items-start">
-            <label className="label gap-2">
+            <label className="gap-2 px-1 py-2">
               <span className="mb-1">Range</span>
               <InfoTooltip text="The lower and higher bounds of the numeric range. Choose bounds the value could reasonably be expected to hit." />
             </label>
@@ -365,7 +361,7 @@ export function NewContract(props: {
             )}
           </div>
           <div className="form-control mb-2 items-start">
-            <label className="label gap-2">
+            <label className="gap-2 px-1 py-2">
               <span className="mb-1">Initial value</span>
               <InfoTooltip text="The starting value for this market. Should be in between min and max values." />
             </label>
@@ -422,7 +418,7 @@ export function NewContract(props: {
       <Spacer h={6} />
 
       <div className="form-control mb-1 items-start">
-        <label className="label mb-1 gap-2">
+        <label className="mb-1 gap-2 px-1 py-2">
           <span>Question closes in</span>
           <InfoTooltip text="Predicting will be halted after this time (local timezone)." />
         </label>
@@ -465,7 +461,7 @@ export function NewContract(props: {
       <Spacer h={6} />
 
       <div className="form-control mb-1 items-start gap-1">
-        <label className="label gap-2">
+        <label className="gap-2 px-1 py-2">
           <span className="mb-1">Description</span>
           <InfoTooltip text="Optional. Describe how you will resolve this question." />
         </label>
@@ -476,23 +472,21 @@ export function NewContract(props: {
       <span className={'text-error'}>{errorText}</span>
       <Row className="items-end justify-between">
         <div className="form-control mb-1 items-start">
-          <label className="label mb-1 gap-2">
+          <label className="mb-1 gap-2 px-1 py-2">
             <span>Cost</span>
             <InfoTooltip
               text={`Cost to create your question. This amount is used to subsidize predictions.`}
             />
           </label>
           {!deservesFreeMarket ? (
-            <div className="label-text text-neutral pl-1">
-              {formatMoney(ante)}
-            </div>
+            <div className="text-neutral pl-1 text-sm">{formatMoney(ante)}</div>
           ) : (
-            <Row>
-              <div className="label-text text-neutral pl-1 line-through">
+            <Row className="text-sm">
+              <div className="text-neutral pl-1 line-through">
                 {formatMoney(ante)}
               </div>
-              <div className="label-text text-primary pl-1">FREE </div>
-              <div className="label-text pl-1 text-gray-500">
+              <div className="text-primary pl-1">FREE </div>
+              <div className="pl-1 text-gray-500">
                 (You have{' '}
                 {FREE_MARKETS_PER_USER_MAX - (creator?.freeMarketsCreated ?? 0)}{' '}
                 free markets left)

web/pages/profile.tsx

@@ -43,7 +43,7 @@ function EditUserField(props: {
 
   return (
     <div>
-      <label className="label">{label}</label>
+      <label className="px-1 py-2">{label}</label>
 
       {field === 'bio' ? (
         <ExpandingInput
@@ -156,7 +156,7 @@ export default function ProfilePage(props: {
           </Row>
 
           <div>
-            <label className="label">Display name</label>
+            <label className="px-1 py-2">Display name</label>
             <Input
               type="text"
               placeholder="Display name"
@@ -167,7 +167,7 @@ export default function ProfilePage(props: {
           </div>
 
           <div>
-            <label className="label">Username</label>
+            <label className="px-1 py-2">Username</label>
             <Input
               type="text"
               placeholder="Username"
@@ -193,15 +193,15 @@ export default function ProfilePage(props: {
           ))}
 
           <div>
-            <label className="label">Email</label>
+            <label className="px-1 py-2">Email</label>
             <div className="ml-1 text-gray-500">
               {privateUser.email ?? '\u00a0'}
             </div>
           </div>
 
           <div>
-            <label className="label">API key</label>
-            <div className="input-group w-full">
+            <label className="px-1 py-2">API key</label>
+            <div className="flex w-full items-stretch">
               <Input
                 type="text"
                 placeholder="Click refresh to generate key"