             {@render_deleted()}
             {@render_error()}
             {@render_activity()}
-            <Row>
-                <Col sm=3>
+            <div style={display: 'flex', flexDirection: 'row', flexWrap: 'nowrap', justifyContent: 'space-between', alignItems: 'stretch'}>
+                <div style={flex: '0 1 25%'}>
                     <ProjectFilesSearch
                         project_id          = {@props.project_id}
                         key                 = {@props.current_path}


    render_content: ->
        if @props.full_name and @props.full_name isnt @props.display
            <Tip title='Full name' tip={@props.full_name}>
                {@props.display}
            </Tip>
        else

                        num_files_displayed = {visible_listing?.length}
                        create_file         = {@create_file}
                        create_folder       = {@create_folder} />
                </div>
                {<div style={flex: '0 1 auto', marginLeft: '5px'}>
                    {@render_new_file()}
                </div> if not public_view}
                <div  style={flex: '5 1 auto'}>
                    <ProjectFilesPath current_path={@props.current_path} actions={@props.actions} />
                </div>
                {<div style={flex: '0 1 auto', marginLeft: '10px'}>
                    <UsersViewing project_id={@props.project_id} />
                </div> if not public_view}
                {<div style={flex: '1 0 auto'}>
                    <ProjectFilesButtons
                        show_hidden  = {@props.show_hidden ? false}
                        current_path = {@props.current_path}
                        public_view  = {public_view}
                        actions      = {@props.actions} />
                </div> if not public_view}
            </div>
            <Row>
                <Col sm=8>
                    {@render_files_actions(listing, public_view) if listing?}
