#399

frontend/src/pages/posts/PostImportSourcePage.tsx

@@ -151,26 +151,21 @@ const PostImportSourcePage: FC<Props> = ({ user }) => {
 			  }}/>)}
 		</FormField>
 		<FieldError messages={messages}/>
-		<div className="space-y-2">
+		<ul className="space-y-2 text-sm text-red-700 dark:text-red-300">
 		  {sourceIssues.map (issue => (
-		      <div
-			  key={`${ issue.sourceRow }-${ issue.message }-${ issue.url }`}
-			  className="rounded-md border border-red-300 bg-red-50 p-3 text-sm
-				     text-red-700 dark:border-red-900 dark:bg-red-950
-				     dark:text-red-200">
+		      <li key={`${ issue.sourceRow }-${ issue.message }-${ issue.url }`}>
 			<div>{issue.sourceRow} 行目: {issue.message}</div>
-			<div className="mt-1 break-all font-mono text-xs">{issue.url}</div>
-		      </div>))}
-		</div>
+			<div className="break-all font-mono text-xs">{issue.url}</div>
+		      </li>))}
+		</ul>
 
-		<div className="flex flex-wrap items-center justify-between gap-3 text-sm
-				text-neutral-600 dark:text-neutral-300">
-		  <div>入力件数 {lineCount} / {MAX_ROWS}</div>
-		</div>
-
-		<div className="flex justify-end">
+		<div className="flex items-center justify-between gap-3">
+		  <div className="text-sm text-neutral-600 dark:text-neutral-300">
+		    入力行数 {lineCount} / {MAX_ROWS}
+		  </div>
 		  <Button
 		      type="button"
+		      className="shrink-0"
 		      onClick={preview}
 		      disabled={loading}>
 		    次へ