Renamed 'Sources' -> 'Data Sources' to make it clearer and make shortcuts easier to remember.

src/components/App.jsx

@@ -63,7 +63,7 @@ export default class App extends React.Component {
       "o": 79,
       "e": 69,
       "s": 83,
-      "p": 80,
+      "d": 68,
       "i": 73,
       "m": 77,
     }
@@ -88,13 +88,13 @@ export default class App extends React.Component {
         }
       },
       {
-        keyCode: keyCodes["s"],
+        keyCode: keyCodes["d"],
         handler: () => {
           this.toggleModal("sources");
         }
       },
       {
-        keyCode: keyCodes["p"],
+        keyCode: keyCodes["s"],
         handler: () => {
           this.toggleModal("settings");
         }

src/components/Toolbar.jsx

@@ -118,7 +118,7 @@ export default class Toolbar extends React.Component {
           </ToolbarAction>
           <ToolbarAction wdKey="nav:sources" onClick={this.props.onToggleModal.bind(this, 'sources')}>
             <SourcesIcon />
-            <IconText>Sources</IconText>
+            <IconText>Data Sources</IconText>
           </ToolbarAction>
           <ToolbarAction wdKey="nav:settings" onClick={this.props.onToggleModal.bind(this, 'settings')}>
             <SettingsIcon />

src/components/modals/ShortcutsModal.jsx

@@ -30,12 +30,12 @@ class ShortcutsModal extends React.Component {
         text: "Export modal"
       },
       {
-        key: "s",
-        text: "Sources modal"
+        key: "d",
+        text: "Data Sources modal"
       },
       {
-        key: "p",
-        text: "Style settings modal"
+        key: "s",
+        text: "Style Settings modal"
       },
       {
         key: "i",