add preview width constraint (#10062)

* fix: add preview width constraint

* fix: set object item dropdown menu nowrap style

browser/app/js/objects/PreviewObjectModal.js

@@ -46,7 +46,7 @@ class PreviewObjectModal extends React.Component {
         <ModalBody>
           <div className="input-group">
             {this.state.url && (
-              <object data={this.state.url}>
+              <object data={this.state.url} style={{ display: "block", width: "100%" }}>
                 <h3 style={{ textAlign: "center", display: "block", width: "100%" }}>
                   Do not have read permissions to preview "{this.props.object.name}"
                 </h3>

browser/app/less/inc/list.less

@@ -349,6 +349,7 @@ div.fesl-row {
         margin: 0;
         height: 100%;
         text-align: right;
+        white-space: nowrap;
     }
 
     .dropdown {
@@ -495,4 +496,4 @@ div.fesl-row {
         .opacity(1);
         right: 0;
     }
-}
+}