Fix chat comp label wrapping on non-chrome - Fixes #3280 - No one noticed, because on Chrome it works, eh

5e881e5944e066498205919bd36fc30c852bd198

Wolfsblvt <wolfsblvt@gmail.com>

Parents: 23779fe565d8b308a1365d7572b06171766024c6

public/index.html+7 -5 Viewed

                                         <label for="openai_function_calling" class="checkbox_label flexWrap widthFreeExpand">
                                             <input id="openai_function_calling" type="checkbox" />
                                             <span data-i18n="Enable function calling">Enable function calling</span>
 +                                        </label>
                                         <div class="flexBasis100p toggle-description justifyLeft">
                                             <span data-i18n="enable_functions_desc_1">Allows using </span><a href="https://platform.openai.com/docs/guides/function-calling" target="_blank" data-i18n="enable_functions_desc_2">function tools</a>.
                                             <span data-i18n="enable_functions_desc_3">Can be utilized by various extensions to provide additional functionality.</span>
                                         </div>
 -                                        </label>
                                     </div>
                                     <div class="range-block" data-source="openai,openrouter,makersuite,claude,custom,01ai">
                                         <label for="openai_image_inlining" class="checkbox_label flexWrap widthFreeExpand">
                                             <input id="openai_image_inlining" type="checkbox" />
                                             <span data-i18n="Send inline images">Send inline images</span>
 +                                        </label>
                                         <div id="image_inlining_hint" class="flexBasis100p toggle-description justifyLeft">
                                                                                             <span data-i18n="image_inlining_hint_1">Sends images in prompts if the model supports it (e.g. GPT-4V, Claude 3 or Llava 13B). Use the</span>
                                                     Use the</span>                                             <code><i class="fa-solid fa-paperclip"></i></code> <span data-i18n="image_inlining_hint_2">action on any message or the</span>
 -                                                <code><i class="fa-solid fa-wand-magic-sparkles"></i></code> <span data-i18n="image_inlining_hint_3">menu to attach an image file to the chat.</span>
 +                                            <span data-i18n="image_inlining_hint_2">action on any message or the</span>
 +                                            <code><i class="fa-solid fa-wand-magic-sparkles"></i></code>
 +                                            <span data-i18n="image_inlining_hint_3">menu to attach an image file to the chat.</span>
                                         </div>
 -                                        </label>
                                         <div class="flex-container flexFlowColumn wide100p textAlignCenter marginTop10" data-source="openai,custom">
                                             <label for="openai_inline_image_quality" data-i18n="Inline Image Quality">
                                                 Inline Image Quality