Is there a way for the plus sign to stay in line with the selected item to save space?
The plus sign seems OK for me:
While there is no button to push for the plus sign to stay in line with the selected item to save space (which is not even clear to me), you could modify the design of the widget to your likings. That's what I will detail in this answer.
Overriding the widget template
You can override template autocomplete_light/widget.html
.
To do so, copy /path/to/autocomplete_light/templates/autocomplete_light/widget.html
into the autocomplete_light
subdirectory of one of your TEMPLATE_DIRS
. For example:
mkdir ~/your_project/templates/autocomplete_light
cp ~/env/lib/python/site-packages/autocomplete_light/templates/autocomplete_light/widget.html ~/your_project/templates/autocomplete_light
Restart your server and you can safely edit ~/your_project/templates/autocomplete_light/widget.html
.
Overriding the stylesheet
It's the same for the stylesheet. All you have to do to hack it is to copy it from autocomplete_light/static/autocomplete_light/style.css
into one of your STATICFILES_DIRS
. If you're still unsure about how django staticfiles work, you might want to read Surviving staticfiles. For example:
mkdir ~/your_project/static/autocomplete_light
cp ~/env/lib/python/site-packages/autocomplete_light/static/autocomplete_light/style.css ~/your_project/static/autocomplete_light
Restart your development server and you can safely modify ~/your_project/static/autocomplete_light/style.css
to your likings.
If you think you have a really better way
If you think you have a better idea for the default widget shipped by autocomplete-light v1, feel free to open a pull request on github.