Django admin. Text does not fit into manytomany field widget

Question

Inside my django admin, I have a many-to-many field in which I want to fit a string.

Is there any way to fix this?

Answer 1

Create a template base_site.html in templates/admin directory with the following content:

{% extends "admin/base.html" %}
{% load static %}

{% block title %} {{ title }} | {{ site_title|default:_('Django site admin') }}

{% endblock %}

{% block extrastyle %}
<link rel="stylesheet" href="{% static 'admin.css' %}">

{% endblock %}

After that create css file in your static directory like admin.css with following styles:

select > option {
white-space: pre-line;
margin-bottom: 20px;
border: 1px solid black;
}