[#181] a few cosmetic touch ups, todo update

src/web/TODO.md

@@ -3,15 +3,17 @@
 
 ---
 
-### Mobile UI:
-#### Operations:
+#### Mobile UI ( on real device ):
 - on mobile UI, there is almost no visual feedback when adding an operation to the recipe list. Since the recipe list is not visible like on desktop, this is very confusing UX
+- adding an operation only works with drag and drop, not on double tap or the like. This todo is related to the remaining mobile UI one.
+  Dragging and dropping won't be an option on mobile, because then you can't scroll the operations list. I'm thinking to add
+  operations on mobile via double tap, then add a checkmark at the right end of the op list item. Remove an item directly in the list via
+  another double tap ( or clearing the recipe list via trash icon as normal ).
+- the above causes a problem for adding favourites though, there is some UX difficulty here.
 
-#### Mobile UI on real device:
 - test *thoroughly* with keyboard popping up because that messes with view-heights on mobile probably and might make it a very frustrating experience
 - test drag and drop etc. Regular mobile events / UX
 - view-heights not correct due to variable taskbar on mobile devices
-- adding an operation only works with drag and drop, not on double tap or the like. This todo is related to the remaining mobile UI one ( I think maybe add a checkmark on double tap, then remove it again on double tap or when recipe list gets cleared )
 
 ### Desktop UI:
 ### General UI:
@@ -22,7 +24,6 @@
 
 ### Misc:
 - remove ln 215 in gruntfile ( for mobile testing )
-- comb through CSS and improve organisation for better DevX
-- write / complete UI tests
+- comb through CSS and improve organisation for better DevX. Ask repo owners to open another issue perhaps and just redo all of the stylesheets ( preferably with SASS )
 - delete this file when done :)