minor style fix

src/SvgPanZoomThumbnail.vue

@@ -14,36 +14,7 @@
   </div>
 </template>
 
-<script>
-import Scope from './Scope.vue';
-
-export default {
-    props: [ 'onThumbnailShown', 'mainSPZ', 'bus' ],
-    beforeCreate: function () {
-       this.$options.components.SPZ = require('./SvgPanZoom.vue').default
-    },
-    methods: {
-        zoomMain(evt) {
-            this.mainSPZ[ event.deltaY < 0 ? 'zoomIn' : 'zoomOut' ]();
-        },
-        thumbnailSPZcreated(spz) {
-            this.thumbnailSPZ = spz;
-            this.bus.$emit( 'thumbnailCreated', spz );
-        },
-    },
-    mounted() {
-        if( this.onThumbnailShown ) {
-           this.onThumbnailShown();
-        }
-    },
-    components: { Scope },
-    data: () => ({ thumbnailSPZ: null })
-};
-
-</script>
-
 <style>
-
   .thumbView {
     z-index: 110;
     background: white;
@@ -65,5 +36,31 @@ export default {
     width: 100% !important;
     height: 100% !important;
   }
-
 </style>
+
+<script>
+import Scope from './Scope.vue';
+
+export default {
+  components: { Scope },
+  props: [ 'onThumbnailShown', 'mainSPZ', 'bus' ],
+  data: () => ({ thumbnailSPZ: null }),
+  beforeCreate: function () {
+    this.$options.components.SPZ = require('./SvgPanZoom.vue').default
+  },
+  methods: {
+    zoomMain(evt) {
+      this.mainSPZ[ event.deltaY < 0 ? 'zoomIn' : 'zoomOut' ]();
+    },
+    thumbnailSPZcreated(spz) {
+      this.thumbnailSPZ = spz;
+      this.bus.$emit( 'thumbnailCreated', spz );
+    },
+  },
+  mounted() {
+    if( this.onThumbnailShown ) {
+      this.onThumbnailShown();
+    }
+  }
+};
+</script>