reorder plots and results table

* so that user can see results while plot is updating

Author: kecnry

CHANGES.rst

@@ -12,6 +12,9 @@ Cubeviz
 Imviz
 ^^^^^
 
+- Reorders photometry results table and plots and includes warning for performance concerns for
+  large apertures if the raw profile type is selected. [#1801]
+
 Mosviz
 ^^^^^^
 

jdaviz/configs/imviz/plugins/aper_phot_simple/aper_phot_simple.vue

@@ -134,21 +134,14 @@
       </div>
     </div>
 
-    <v-row v-if="plot_available">
-      <!-- NOTE: the internal bqplot widget defaults to 480 pixels, so if choosing something else,
-           we will likely need to override that with custom CSS rules in order to avoid the initial
-           rendering of the plot from overlapping with content below -->
-      <jupyter-widget :widget="radial_plot" style="width: 100%; height: 480px" />
-    </v-row>
-
-    <div v-if="plot_available && fit_radial_profile">
-      <j-plugin-section-header>Gaussian Fit Results</j-plugin-section-header>
+    <div v-if="result_available">
+      <j-plugin-section-header>Photometry Results</j-plugin-section-header>
       <v-row no-gutters>
         <v-col cols=6><U>Result</U></v-col>
         <v-col cols=6><U>Value</U></v-col>
       </v-row>
       <v-row
-        v-for="item in fit_results"
+        v-for="item in results"
         :key="item.function"
         no-gutters>
         <v-col cols=6>
@@ -158,14 +151,21 @@
       </v-row>
     </div>
 
-    <div v-if="result_available">
-      <j-plugin-section-header>Photometry Results</j-plugin-section-header>
+    <v-row v-if="plot_available">
+      <!-- NOTE: the internal bqplot widget defaults to 480 pixels, so if choosing something else,
+           we will likely need to override that with custom CSS rules in order to avoid the initial
+           rendering of the plot from overlapping with content below -->
+      <jupyter-widget :widget="radial_plot" style="width: 100%; height: 480px" />
+    </v-row>
+
+    <div v-if="plot_available && fit_radial_profile">
+      <j-plugin-section-header>Gaussian Fit Results</j-plugin-section-header>
       <v-row no-gutters>
         <v-col cols=6><U>Result</U></v-col>
         <v-col cols=6><U>Value</U></v-col>
       </v-row>
       <v-row
-        v-for="item in results"
+        v-for="item in fit_results"
         :key="item.function"
         no-gutters>
         <v-col cols=6>