Slight layout fixes to the char import popup

- Need to pull my "wider" popup type from the other branch, because 1/1 aspect ratio scaling is just bad
- Add a few tailwind-like classes for ul-li styling
- Add <kbd> element styling for keyboard buttons

public/scripts/templates/importCharacters.html

@@ -2,7 +2,7 @@
 <h4 data-i18n="Enter the URL of the content to import">Enter the URL of the content to import</h3>
 <div class="sources_list justifyLeft">
     <span data-i18n="Supported sources:">Supported sources:</span><br>
-    <ul class="marginTop5">
+    <ul class="marginTop5 li-padding-bot5">
         <li><span data-i18n="char_import_1">Chub Character (Direct Link or ID)</span><br><span data-i18n="char_import_example">Example:</span> <tt>Anonymous/example-character</tt></li>
         <li><span data-i18n="char_import_2">Chub Lorebook (Direct Link or ID)</span><br><span data-i18n="char_import_example">Example:</span> <tt>lorebooks/bartleby/example-lorebook</tt></li>
         <li><span data-i18n="char_import_3">JanitorAI Character (Direct Link or UUID)</span><br><span data-i18n="char_import_example">Example:</span> <tt>ddd1498a-a370-4136-b138-a8cd9461fdfe_character-aqua-the-useless-goddess</tt></li>
@@ -19,7 +19,7 @@
     <span data-i18n="Write each URL or ID into a new line.">
         Write each URL or ID into a new line.
     </span>
-    <span data-i18n="(Shift + Enter to start a new line)">
-        (Shift + Enter to start a new line)
+    <span data-i18n="(&lt;kbd&gt;Shift&lt;/kbd&gt; + &lt;kbd&gt;Enter&lt;/kbd&gt; to start a new line)">
+        (<kbd>Shift</kbd> + <kbd>Enter</kbd> to start a new line)
     </span>
 </small>