From 6c56006fbf59f2f49694fc4c9b31e6ecd89cb031 Mon Sep 17 00:00:00 2001
From: Lukas Martinelli <me@lukasmartinelli.ch>
Date: Wed, 11 Jan 2017 16:26:14 +0100
Subject: [PATCH] Show choose public sources first #64

---
 src/components/modals/SourcesModal.jsx | 26 +++++++++++++-------------
 1 file changed, 13 insertions(+), 13 deletions(-)

diff --git a/src/components/modals/SourcesModal.jsx b/src/components/modals/SourcesModal.jsx
index 75989a7..73df920 100644
--- a/src/components/modals/SourcesModal.jsx
+++ b/src/components/modals/SourcesModal.jsx
@@ -210,9 +210,20 @@ class SourcesModal extends React.Component {
       title={'Sources'}
     >
       <div className="maputnik-modal-section">
-      <h4>Active Sources</h4>
-      {activeSources}
+        <h4>Active Sources</h4>
+        {activeSources}
       </div>
+
+      <div className="maputnik-modal-section">
+        <h4>Choose Public Source</h4>
+        <p>
+          Add one of the publicly availble sources to your style.
+        </p>
+        <div style={{maxwidth: 500}}>
+        {tilesetOptions}
+        </div>
+      </div>
+
       <div className="maputnik-modal-section">
 				<h4>Add New Source</h4>
 				<p>Add a new source to your style. You can only choose the source type and id at creation time!</p>
@@ -220,17 +231,6 @@ class SourcesModal extends React.Component {
 					onAdd={(sourceId, source) => this.props.onStyleChanged(addSource(mapStyle, sourceId, source))}
 				/>
       </div>
-
-      <div className="maputnik-modal-section">
-      <h4>Choose Public Source</h4>
-      <p>
-        Add one of the publicly availble sources to your style.
-      </p>
-      </div>
-
-      <div style={{maxwidth: 500}}>
-      {tilesetOptions}
-      </div>
     </Modal>
   }
 }