diff --git a/ayanova/devdocs/todo.txt b/ayanova/devdocs/todo.txt
index 38365b80..d7595f66 100644
--- a/ayanova/devdocs/todo.txt
+++ b/ayanova/devdocs/todo.txt
@@ -6,24 +6,6 @@ WIFI change 5g channel to 56 (or rescan, but right now 56 is aok)
 	recheck before doing as it seems to vary, maybe someone else's is auto switching
 
 
-todo: USERS - Administration - Users
-	notes	
-		is this where roles are set?
-		role control see below somewhere
-		mirrors or links to user edit form somehow so admin can also set user options but with added rights like roles etc
-	UI
-		LIST A standard dataList of users, opens each to a user edit form
-			Has mass change options that are useful 
-				Or at least potential to do that d.t.r. (down the road / TTM)
-		SINGLE EDIT FORM
-			Set all user props relevant to the admin
-
-
-
-todo: need a role collection control of some kind for things like case 3417.
-	Control present all or subset of roles for selection, user can select from them like a checkbox dropdown or something.
-	ideally it binds to a single value and can extract back out of that value bitwise all the correct items in the list checked
-	This way can bind it to a single bit field value and be efficient FTW$!
 
 
 todo: user options form put color picker last it's pushing down the entire last row
diff --git a/ayanova/src/views/home-user-settings.vue b/ayanova/src/views/home-user-settings.vue
index 72863071..aff6bf65 100644
--- a/ayanova/src/views/home-user-settings.vue
+++ b/ayanova/src/views/home-user-settings.vue
@@ -56,21 +56,6 @@
               @change="fieldValueChanged('hour12')"
             ></v-checkbox>
           </v-col> -->
-          <v-col cols="12" sm="6" lg="4" xl="3">
-            <!-- https://vuetifyjs.com/en/components/color-pickers -->
-            <span class="v-label v-label--active theme--light">
-              {{ $ay.t("UserColor") }}
-            </span>
-            <v-color-picker
-              v-model="obj.uiColor"
-              :readonly="formState.readOnly"
-              hide-mode-switch
-              mode="hexa"
-              :error-messages="form().serverErrors(this, 'uiColor')"
-              ref="uiColor"
-              @input="fieldValueChanged('uiColor')"
-            ></v-color-picker>
-          </v-col>
 
           <v-col cols="12" sm="6" lg="4" xl="3">
             <v-text-field
@@ -106,6 +91,21 @@
               @change="darkModeChanged()"
             ></v-checkbox>
           </v-col>
+          <v-col cols="12" sm="6" lg="4" xl="3">
+            <!-- https://vuetifyjs.com/en/components/color-pickers -->
+            <span class="v-label v-label--active theme--light">
+              {{ $ay.t("UserColor") }}
+            </span>
+            <v-color-picker
+              v-model="obj.uiColor"
+              :readonly="formState.readOnly"
+              hide-mode-switch
+              mode="hexa"
+              :error-messages="form().serverErrors(this, 'uiColor')"
+              ref="uiColor"
+              @input="fieldValueChanged('uiColor')"
+            ></v-color-picker>
+          </v-col>
         </v-row>
       </v-form>
     </v-col>