style: align file upload controls

styles/47-patterns-file-upload.css

@@ -14,7 +14,6 @@
   max-width: var(--layout-input-field-max-width);
 }
 
-.sg-file-upload__description,
 .sg-file-upload__status,
 .sg-file-upload__file-meta {
   margin: var(--spacing-small) 0 0;
@@ -22,9 +21,10 @@
 
 .sg-file-upload__dropzone {
   display: flex;
-  flex-direction: column;
-  align-items: flex-start;
-  gap: var(--spacing-small);
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--spacing-large);
+  width: 100%;
   padding: var(--spacing-large);
   background: var(--surface-file-upload-dropzone);
   border: 1px dashed var(--surface-button-active);
@@ -36,10 +36,6 @@
   outline-offset: 2px;
 }
 
-.sg-file-upload__prompt {
-  margin: 0;
-}
-
 .sg-file-upload__files {
   display: flex;
   flex-direction: column;
@@ -78,6 +74,11 @@
 }
 
 @media (max-width: 48rem) {
+  .sg-file-upload__dropzone {
+    align-items: flex-start;
+    flex-direction: column;
+  }
+
   .sg-file-upload__file {
     align-items: flex-start;
     flex-direction: column;