From a6b8de8f7953aef211f1f429782fa41ecfe68e6e Mon Sep 17 00:00:00 2001
From: Joe Critchley <joe@strobedigital.com>
Date: Mon, 25 Aug 2014 23:28:11 -0700
Subject: [PATCH] Added temporary fixed frame

---
 src/js/components/App.jsx         | 4 ++--
 src/js/components/DetectsPage.jsx | 6 +++---
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/src/js/components/App.jsx b/src/js/components/App.jsx
index 80ad62e..99d321d 100644
--- a/src/js/components/App.jsx
+++ b/src/js/components/App.jsx
@@ -68,7 +68,7 @@ var App = React.createClass({
 
 		return (
 			<div className="App">
-				<div className="App-header c-contrast">
+				<div className="App-header c-contrast" style={{position: 'fixed', top: 0, zIndex: 1}}>
 					<MainHeader
 						search={<Search searchValue={this.state.searchValue} />}
 						selectionCount={selectionCount}
@@ -80,7 +80,7 @@ var App = React.createClass({
 						activeRouteName={activeRoute.props.name}
 					/>
 				</div>
-				<div className="App-main">
+				<div className="App-main" style={{marginTop: 120, position: 'relative', zIndex: 0}}>
 					<div className="Container">
 
 						<ReactCSSTransitionGroup transitionName="pageswitch" component={React.DOM.div}>
diff --git a/src/js/components/DetectsPage.jsx b/src/js/components/DetectsPage.jsx
index 82dfd68..e3d48c0 100644
--- a/src/js/components/DetectsPage.jsx
+++ b/src/js/components/DetectsPage.jsx
@@ -18,7 +18,7 @@ var DetectsPage = React.createClass({
 				<div className="Grid Grid--withGutter">
 					<div className="Grid-cell u-size7of10">
 						<div className="Grid Grid--withGutter">
-							<div className="Grid-cell u-size4of14">
+							<div className="Grid-cell u-size4of14" style={{width: '19.4% !important', position: 'fixed'}}>
 								<div className="BoxSet">
 									{this.props.selectionOnly &&
 									<div className="BoxSet-item">
@@ -49,14 +49,14 @@ var DetectsPage = React.createClass({
 									</div>
 								</div>
 							</div>
-							<div className="Grid-cell u-size10of14" style={{minHeight: 1}}>
+							<div className="Grid-cell u-size10of14" style={{left: '29%', position: 'relative', minHeight: 1}}>
 								{this.props.results ?
 									<ResultList currentResult={this.props.currentResult} results={this.props.results} selection={this.props.selection} currentIndex={this.props.currentIndex} />
 									: null}
 							</div>
 						</div>
 					</div>
-					<div className="Grid-cell u-size3of10">
+					<div className="Grid-cell u-size3of10" style={{position: 'fixed'}}>
 						{this.props.currentResult ?
 							<Detail detect={this.props.currentResult} />
 							: null}