[Partial browse mount location] [Layout changes]

src/components/MountItem/MountItem.css

@@ -1,7 +1,6 @@
 input.Input {
-  display: block;
   margin: 0;
-  padding: 2px;
+  padding: 5px;
   border-radius: var(--border_radius);
   background: rgba(160, 160, 160, 0.1);
   border: none;

src/components/MountItem/MountItem.js

@@ -27,29 +27,44 @@ export default CSSModules((props) => {
   }
 
   let inputColumnSpan;
-  let inputControl = null;
+  let inputControls = null;
   if (props.platform === 'win32') {
     inputColumnSpan = 20;
-    inputControl = <DropDown changed={props.changed}
-                             colSpan={inputColumnSpan}
-                             disabled={!props.allowMount || props.mounted || props.disabled}
-                             items={props.items}
-                             row={secondRow}
-                             rowSpan={7}
-                             selected={props.items.indexOf(props.location)}/>;
+    inputControls = <DropDown changed={props.changed}
+                              colSpan={inputColumnSpan}
+                              disabled={!props.allowMount || props.mounted || props.disabled}
+                              items={props.items}
+                              row={secondRow}
+                              rowSpan={7}
+                              selected={props.items.indexOf(props.location)}/>;
 
   } else {
-    inputColumnSpan = 50;
-    inputControl = (
-      <RootElem colSpan={inputColumnSpan}
+    inputColumnSpan = 58;
+    inputControls = [];
+    let key = 0;
+    inputControls.push((
+      <RootElem colSpan={inputColumnSpan - 8}
+                key={'i' + key++}
                 row={secondRow}
                 rowSpan={7}>
         <input disabled={!props.allowMount || props.mounted || props.disabled}
+               maxLength={4096}
                onChange={props.changed}
+               size={4096}
                styleName={'Input'}
                type={'text'}
                value={props.location}/>
-      </RootElem>);
+      </RootElem>
+    ));
+    inputControls.push((
+      <Button clicked={()=>props.browseClicked(props.title, props.location)}
+              col={inputColumnSpan - 7}
+              colSpan={7}
+              disabled={props.mounted || props.disabled}
+              key={'b' + key++}
+              row={secondRow}
+              rowSpan={7}>...</Button>
+    ));
   }
 
   const buttonDisplay = props.allowMount || props.disabled ?
@@ -101,7 +116,7 @@ export default CSSModules((props) => {
         rowSpan={5}
         text={props.title}
         type={'Heading1'}/>
-      {inputControl}
+      {inputControls}
       {actionsDisplay}
       {autoMountControl}
       {autoRestartControl}