Comment interactable selectors & more small fixes

public/css/select2-overrides.css

@@ -173,8 +173,9 @@
 }
 
 .select2-selection__choice__display {
-    /* Fix weird alignment on the left side */
-    margin-left: 1px;
+    /* Fix weird alignment of the inside block */
+    margin-left: 3px;
+    margin-right: 1px;
 }
 
 /* Styling for choice remove icon */

public/scripts/keyboard.js

@@ -1,24 +1,25 @@
 /* All selectors that should act as interactables / keyboard buttons by default */
 const interactableSelectors = [
-    '.custom_interactable',
-    '.interactable',
-    '.menu_button',
-    '.right_menu_button',
-    '.drawer-icon',
-    '.inline-drawer-icon',
-    '.paginationjs-pages li a',
-    '.group_select',
-    '.character_select',
-    '.bogus_folder_select',
-    '.avatar-container',
-    '.tag .tag_remove',
-    '.bg_example',
-    '.bg_example .bg_button',
-    '#options a',
-    '#extensionsMenu div:has(.extensionsMenuExtensionButton)',
-    '.mes_buttons .mes_button',
-    '.extraMesButtons>div:not(.mes_button)',
-    '.stscript_btn'
+    '.interactable', // Main interactable class for ALL interactable controls (can also be manually added in code, so that's why its listed here)
+    '.custom_interactable', // Manually made interactable controls via code (see 'makeKeyboardInteractable()')
+    '.menu_button', // General menu button in ST
+    '.right_menu_button', // Button-likes in many menus
+    '.drawer-icon', // Main "menu bar" icons
+    '.inline-drawer-icon', // Buttons/icons inside the drawer menus
+    '.paginationjs-pages li a', // Pagination buttons
+    '.group_select, .character_select, .bogus_folder_select', // Cards to select char, group or folder in character list and other places
+    '.avatar-container', // Persona list blocks
+    '.tag .tag_remove', // Remove button in removable tags
+    '.bg_example', // Background elements in the background menu
+    '.bg_example .bg_button', // The inline buttons on the backgrounds
+    '#options a', // Option entries in the popup options menu
+    '#extensionsMenu div:has(.extensionsMenuExtensionButton)', // Option entries in the extension menu popup that are coming from extensions
+    '.mes_buttons .mes_button', // Small inline buttons on the chat messages
+    '.extraMesButtons>div:not(.mes_button)', // The extra/extension buttons inline on the chat messages
+    '.swipe_left, .swipe_right', // Swipe buttons on the last message
+    '.stscript_btn', // STscript buttons in the chat bar
+    '.select2_choice_clickable+span.select2-container .select2-selection__choice__display', // select2 control elements if they are meant to be clickable
+    '.avatar_load_preview' // Char display avatar selection
 ];
 
 export const INTERACTABLE_CONTROL_CLASS = 'interactable';

public/scripts/tags.js

@@ -23,7 +23,7 @@ import { ARGUMENT_TYPE, SlashCommandArgument, SlashCommandNamedArgument } from '
 import { isMobile } from './RossAscends-mods.js';
 import { POPUP_RESULT, POPUP_TYPE, callGenericPopup } from './popup.js';
 import { debounce_timeout } from './constants.js';
-import { INTERACTABLE_CONTROL_CLASS, registerInteractableType } from './keyboard.js';
+import { INTERACTABLE_CONTROL_CLASS } from './keyboard.js';
 
 export {
     TAG_FOLDER_TYPES,