style: align file upload controls

styles/10-components-interactive-elements.css

@@ -1588,9 +1588,14 @@
 
 /* Component: File Input */
 .sg-file-input {
+  width: 100%;
+}
+
+.sg-file-input__row {
   display: flex;
-  flex-direction: column;
-  gap: var(--spacing-small);
+  align-items: center;
+  justify-content: space-between;
+  gap: var(--spacing-large);
   width: 100%;
 }
 
@@ -1611,15 +1616,17 @@
   outline-offset: 2px;
 }
 
-.sg-file-input__description {
-  margin: 0;
-  color: var(--text-control-disabled);
-}
-
 .sg-file-input__trigger {
   align-self: flex-start;
 }
 
+@media (max-width: 48rem) {
+  .sg-file-input__row {
+    align-items: flex-start;
+    flex-direction: column;
+  }
+}
+
 .sg-file-input--disabled {
   opacity: var(--disabled-opacity);
 }