#399

frontend/src/components/dialogues/DialogueProvider.tsx

@@ -215,12 +215,12 @@ const DialogueProvider: FC<Props> = ({ children }) => {
 
 		       <DialogFooter
 			   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">
+				      md:flex-row md:justify-between md:gap-0 md:space-x-0">
+			 <div className="flex w-full flex-col gap-2 md:w-auto md:flex-row">
 			   {startActions.map (action => (
 			       <Button
 				   key={action.label}
-				   className="w-full sm:w-auto"
+				   className="w-full md:w-auto"
 				   variant={action.variant === 'danger'
 				       ? 'destructive'
 				       : 'default'}
@@ -232,9 +232,9 @@ const DialogueProvider: FC<Props> = ({ children }) => {
 			       </Button>))}
 			 </div>
 
-			 <div className="flex w-full flex-col gap-2 sm:w-auto sm:flex-row">
+			 <div className="flex w-full flex-col gap-2 md:w-auto md:flex-row">
 			   <Button
-			       className="w-full sm:w-auto"
+			       className="w-full md:w-auto"
 			       variant="outline"
 			       onClick={() => closeRequest (active.id)}
 			       disabled={pendingIds.includes (active.id)
@@ -245,7 +245,7 @@ const DialogueProvider: FC<Props> = ({ children }) => {
 			   {endActions.map (action => (
 			       <Button
 				   key={action.label}
-				   className="w-full sm:w-auto"
+				   className="w-full md:w-auto"
 				   variant={action.variant === 'danger'
 				       ? 'destructive'
 				       : 'default'}

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

@@ -173,10 +173,11 @@ const PostImportRowSummary: FC<Props> = (
             </div>
           </div>
           {showActions && (editVisible || retryAllowed) && (
-              <div className="flex flex-col gap-2 sm:flex-row">
+              <div className="flex flex-col gap-2 md:flex-row">
                 {editVisible && (
                     <Button
                         type="button"
+                        className="w-full md:w-auto"
                         variant="outline"
                         onClick={onEdit}
                         disabled={editDisabled === true || !(editAllowed)}>
@@ -185,6 +186,7 @@ const PostImportRowSummary: FC<Props> = (
                 {retryAllowed && (
                     <Button
                         type="button"
+                        className="w-full md:w-auto"
                         variant="outline"
                         onClick={onRetry}
                         disabled={retryDisabled === true}>

frontend/src/components/ui/dialog.tsx

@@ -69,7 +69,7 @@ const DialogHeader = ({
 }: React.HTMLAttributes<HTMLDivElement>) => (
   <div
     className={cn(
-      "flex flex-col space-y-1.5 text-center sm:text-left",
+      "flex flex-col space-y-1.5 text-center md:text-left",
       className)}
     {...props}
   />)
@@ -81,7 +81,7 @@ const DialogFooter = ({
 }: React.HTMLAttributes<HTMLDivElement>) => (
   <div
     className={cn(
-      "flex flex-col-reverse sm:flex-row sm:justify-end sm:space-x-2",
+      "flex flex-col-reverse md:flex-row md:justify-end md:space-x-2",
       className)}
     {...props}
   />)