Improve style to improve header language selector dropdown menu

- Prevents languages from being wrapped on multiple lines.

ckanext/schemingdcat/assets/css/schemingdcat.css

@@ -3028,13 +3028,22 @@ input#lang-r:checked ~ div .example-r {
   color: #a8a6a3;
   text-decoration: none;
   display: block;
+  white-space: nowrap; /* prevents text from being wrapped on multiple lines */
+  overflow: hidden; /* Hide text overflow */
+  text-overflow: ellipsis; /* Add ellipses if text is too long */
 }
 
 .nav-item.dropdown .dropdown-menu a:hover {
-  background-color:transparent;
+  background-color: transparent;
   color: #003164;
 }
 
+/* Make sure the list items behave like blocks */
+.nav-item.dropdown .dropdown-menu li {
+  display: block;
+  width: 100%;
+}
+
 /* CKAN 2.10 */
 /* Fix Flask debug panels */
 /* Selects all elements whose ID begins with 'flDebug' and ends with 'Panel-content' */

ckanext/schemingdcat/templates/schemingdcat/snippets/header_language_selector.html

@@ -1,14 +1,14 @@
 {% set current_lang = request.environ.CKAN_LANG %}
 {% set current_locale = h.lang_native_name() %}
 <a class="nav-link dropdown-toggle" href="#" id="languageDropdown" role="button" data-bs-toggle="dropdown" aria-expanded="false">
-  <i class="fas fa-globe"></i> {{ current_locale }}
+  <i class="fas fa-globe"></i> {{ current_locale | capitalize }}
 </a>
 <ul class="dropdown-menu" aria-labelledby="languageDropdown">
   {% for locale in h.get_available_locales() %}
     <li>
       <a class="dropdown-item" href="{% url_for h.current_url(), locale=locale.short_name %}" {% if locale.short_name == current_lang %}aria-current="true"{% endif %}>
         {% set lang_label = locale.display_name or locale.english_name %}
-        {{ lang_label |capitalize }}
+        {{ lang_label | capitalize }}
       </a>
     </li>
   {% endfor %}