Changed navigate to control and updated file names to match.

webapp/src/components/tabContentComponents/controlComponents/paneControl.vue

@@ -1,5 +1,5 @@
 <template>
-  <div id="paneNavigate" class="uk-padding-small">
+  <div id="paneControl" class="uk-padding-small">
     <div v-if="setPosition">
       <ul uk-accordion="multiple: true">
         <li>
@@ -180,7 +180,7 @@ import ActionButton from "../../labThingsComponents/actionButton.vue";
 
 // Export main app
 export default {
-  name: "PaneNavigate",
+  name: "PaneControl",
 
   components: {
     ActionButton

webapp/src/components/tabContentComponents/controlContent.vue

@@ -2,7 +2,7 @@
   <!-- Grid managing tab content -->
   <div uk-grid class="uk-height-1-1 uk-margin-remove uk-padding-remove">
     <div class="control-component">
-      <paneNavigate />
+      <paneControl />
     </div>
     <div class="view-component uk-width-expand">
       <streamDisplay />
@@ -11,14 +11,14 @@
 </template>
 
 <script>
-import paneNavigate from "./navigateComponents/paneNavigate";
+import paneControl from "./controlComponents/paneControl";
 import streamDisplay from "./streamContent.vue";
 
 export default {
-  name: "NavigateContent",
+  name: "ControlContent",
 
   components: {
-    paneNavigate,
+    paneControl,
     streamDisplay
   }
 };

webapp/src/components/tabContentComponents/streamContent.vue

@@ -125,7 +125,7 @@ export default {
       let xRelative = (0.5 * event.target.offsetWidth - xCoordinate) * scale;
       let yRelative = (0.5 * event.target.offsetHeight - yCoordinate) * scale;
 
-      // Emit a signal to move, acted on by panelNavigate.vue
+      // Emit a signal to move, acted on by paneControl.vue
       this.$root.$emit(
         "globalMoveInImageCoordinatesEvent",
         -xRelative,