fix(component): reorder components to fix a styledcomponents problem …

…with multiple sources When this PR is mergend we should not need this anymore: styled-components/styled-components#1324
meetalva · Dec 7, 2017 · 757a6bd · 757a6bd
1 parent f4abd78
commit 757a6bd
Showing 1 changed file with 5 additions and 4 deletions.
diff --git a/src/component/app.tsx b/src/component/app.tsx
@@ -14,6 +14,7 @@ const ElementPane = styledComponents.div`
 	flex-grow: 0;
 	flex-shrink: 1;
 	flex-basis: 350px;
+	order: 2;
 	border: 1px solid #ccc;
 `;
 
@@ -54,14 +55,14 @@ class App extends React.Component<AppProps> {
 					</PatternsPane>
 				</Layout>
 
-				<PreviewPane>
-					<Preview store={this.props.store} />
-				</PreviewPane>
-
 				<ElementPane>
 					<ElementList store={this.props.store} />
 				</ElementPane>
 
+				<PreviewPane>
+					<Preview store={this.props.store} />
+				</PreviewPane>
+
 				<DevTools />
 			</Layout>
 		);