diff --git a/ayanova/devdocs/todo.txt b/ayanova/devdocs/todo.txt
index a935a9cd..8353823d 100644
--- a/ayanova/devdocs/todo.txt
+++ b/ayanova/devdocs/todo.txt
@@ -3,7 +3,20 @@
 PRIORITY - ALWAYS Lowest level stuff first, i.e. TODO at server, api route changes etc then back here in order lowest level first as affects the most stuff exponentially so best to do it early
 =-=-=-=-
 
-
+todo: Logo form
+	Image should show exacty wysiwyg style so user knows how it will look and right now it doesn't do that:
+	Image size in v-img is always zoomed too much
+		https://github.com/vuetifyjs/vuetify/issues/10219
+		Set max width to actual image width and dimensions?
+		or ditch v-img and just use img tag instead (it won't fuck with the image size)
+	translations
+	clear image (remove it)
+	refresh image after upload (make source dynamic and append nonsense or toggle url?)
+	Decide upon reasonable maximum sizes for each
+		(check RI/WBI etc manual what do they take for limits?)
+	Can it send a placeholder if empty instead of a 404?
+		or, with the gray background do I even need a placeholder anymore?
+	Handle too large at client, don't even send to server
 
 todo: AyaNova customer branding to login form / upload logos etc **UPDATED, SEE CASES, WILL IMPLEMENT MIGHT AS WELL DO IT NOW
 	- https://rockfish.ayanova.com/default.htm#!/rfcaseEdit/3592
diff --git a/ayanova/src/views/adm-global-logo.vue b/ayanova/src/views/adm-global-logo.vue
index 7746f080..3df4ab48 100644
--- a/ayanova/src/views/adm-global-logo.vue
+++ b/ayanova/src/views/adm-global-logo.vue
@@ -7,7 +7,10 @@
         <v-row>
           <gz-error :errorBoxMessage="formState.errorBoxMessage"></gz-error>
           <v-col cols="12">
-            <v-img :src="imageUrl('small')"></v-img>
+            <img :src="test()" />
+          </v-col>
+          <v-col cols="12">
+            <img :src="imageUrl('small')" />
             <v-file-input
               v-model="uploadSmall"
               accept="image/*"
@@ -18,8 +21,8 @@
               $ay.t("Upload")
             }}</v-btn>
           </v-col>
-          <v-col cols="12">
-            <v-img :src="imageUrl('medium')"></v-img>
+          <v-col cols="12" class="mt-10">
+            <img class="mt-10 grey lighten-2" :src="imageUrl('medium')" />
             <v-file-input
               v-model="uploadMedium"
               accept="image/*"
@@ -30,8 +33,8 @@
               $ay.t("Upload")
             }}</v-btn>
           </v-col>
-          <v-col cols="12">
-            <v-img :src="imageUrl('large')"></v-img>
+          <v-col cols="12" class="mt-10">
+            <img class="mt-10 grey lighten-2" :src="imageUrl('large')" />
             <v-file-input
               v-model="uploadLarge"
               accept="image/*"
@@ -96,6 +99,9 @@ export default {
     };
   },
   methods: {
+    test() {
+      return "https://www.ayanova.com/images/AyaNovaIcon32.png";
+    },
     imageUrl(size) {
       return window.$gz.api.logoUrl(size);
     },