From aafc245688e3b7953b86ae71e176fa95bd19c94c Mon Sep 17 00:00:00 2001
From: Alexey Kasyanchuk <degitx@gmail.com>
Date: Thu, 24 Oct 2019 18:33:09 +0300
Subject: [PATCH] fix(gui): fix inresaction of search panel with other elements
 #102

---
 src/app/search-advanced-controls.js | 2 +-
 src/app/search.js                   | 2 +-
 tests/download.test.js              | 2 ++
 3 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/src/app/search-advanced-controls.js b/src/app/search-advanced-controls.js
index 0146ac7..472ab78 100644
--- a/src/app/search-advanced-controls.js
+++ b/src/app/search-advanced-controls.js
@@ -29,7 +29,7 @@ export default class AdvancedSearchControl extends Component {
 	}
 	render() {
 		return (
-			<div className='column w100p' style={{maxWidth: 750, overflow: 'hidden', padding: '0px 18px 15px', background: 'white', borderRadius: 3}}>
+			<div className='column w100p' style={{position: 'absolute', top: '70px', zIndex: 3, boxShadow: '0 0 10px rgba(0,0,0,0.5)', maxWidth: 750, overflow: 'hidden', padding: '0px 18px 15px', background: 'white', borderRadius: 3}}>
 				<SelectField
 					floatingLabelText={__('Filter content type')}
 					value={this.state.type}
diff --git a/src/app/search.js b/src/app/search.js
index 5b2271a..5b563d2 100644
--- a/src/app/search.js
+++ b/src/app/search.js
@@ -256,7 +256,7 @@ class Search extends Component {
 		};
 
 		return (
-			<div className="column w100p center">
+			<div className="column w100p center" style={{position: 'relative'}}>
 				<div className='row inline w100p pad0-75 search-row' style={{minWidth: '35em', backgroundColor: 'white', paddingTop: 0, paddingBottom: this.searchError ? 17 : 0, margin: 5, borderRadius: 3}}>
 					{
 						((this.searchTorrents && this.searchTorrents.length > 0) || (this.searchFiles && this.searchFiles.length > 0))
diff --git a/tests/download.test.js b/tests/download.test.js
index d483c3e..a2932c0 100644
--- a/tests/download.test.js
+++ b/tests/download.test.js
@@ -45,6 +45,7 @@ describe("download", function() {
 		await app.client.waitForExist('.downloads-list .torrentRow .torrentName')
 		const value = await app.client.$('.downloads-list .torrentRow .torrentName').getText()
 		assert.equal(value, 'Roblox_setup.exe')
+		console.log('download progress', await app.client.getText('.torrentRow .progressDownloading'));
 		// cancel in progress button must be exists
 		assert(await app.client.isExisting('.torrentRow .deleteDownloadBeforeFinish'));
 		assert(await app.client.isExisting('.torrentRow .pauseTorrent'));
@@ -57,6 +58,7 @@ describe("download", function() {
 		this.timeout(90000);
 		const { app } = this
 		await app.client.waitForExist('.torrentRow .progressDownloading')
+		console.log('download progress', await app.client.getText('.torrentRow .progressDownloading'));
 		await app.client.waitUntil(async () => {
 			return (await app.client.getText('.torrentRow .progressDownloading')) === '100.0%'
 		}, 60000, 'expected that download will be finished', 200)