#399

frontend/src/components/dialogues/DialogueProvider.tsx

@@ -196,7 +196,7 @@ const DialogueProvider: FC<Props> = ({ children }) => {
 		{active.kind === 'form'
 		 ? (
 		     <>
-		       <DialogHeader className="shrink-0 pl-8 pr-0 pt-1 text-left">
+		       <DialogHeader className="shrink-0 pb-4 pl-8 pr-0 pt-1 text-left">
 			 <DialogTitle>{active.options.title}</DialogTitle>
 
 			 {active.options.description && (
@@ -213,11 +213,14 @@ const DialogueProvider: FC<Props> = ({ children }) => {
 				 confirm: options => openNestedConfirm (active.id, options) })}
 		       </div>
 
-		       <DialogFooter className="shrink-0 pt-4 sm:justify-between">
+		       <DialogFooter
-			 <div className="flex flex-wrap gap-2">
+			   className="shrink-0 flex-col gap-2 pt-4
+				      sm:flex-row sm:justify-between sm:gap-0 sm:space-x-0">
+			 <div className="flex w-full flex-col gap-2 sm:w-auto sm:flex-row">
 			   {startActions.map (action => (
 			       <Button
 				   key={action.label}
+				   className="w-full sm:w-auto"
 				   variant={action.variant === 'danger'
 				       ? 'destructive'
 				       : 'default'}
@@ -229,8 +232,9 @@ const DialogueProvider: FC<Props> = ({ children }) => {
 			       </Button>))}
 			 </div>
 
-			 <div className="flex flex-wrap justify-end gap-2">
+			 <div className="flex w-full flex-col gap-2 sm:w-auto sm:flex-row">
 			   <Button
+			       className="w-full sm:w-auto"
 			       variant="outline"
 			       onClick={() => closeRequest (active.id)}
 			       disabled={pendingIds.includes (active.id)
@@ -241,6 +245,7 @@ const DialogueProvider: FC<Props> = ({ children }) => {
 			   {endActions.map (action => (
 			       <Button
 				   key={action.label}
+				   className="w-full sm:w-auto"
 				   variant={action.variant === 'danger'
 				       ? 'destructive'
 				       : 'default'}

frontend/src/components/posts/import/PostImportRowForm.tsx

@@ -152,7 +152,7 @@ const PostImportRowForm: FC<Props> = (
 	<div className="px-6 pb-6">
 	  <div className="space-y-4">
 	    <div className="grid gap-6 md:grid-cols-[7rem_minmax(0,1fr)]">
-	      <div className="space-y-3">
+	      <div className="space-y-3 md:sticky md:top-0 md:self-start">
 		<ThumbnailPreview
 		    url={draft.thumbnailBase}
 		    className="h-28 w-28"/>