fix label truncation

ckanext/odsh/public/odsh.css

@@ -145,10 +145,6 @@ input[type=radio], input[type=checkbox] {
     top: 0px;
 }
 
-.nav-simple>li {
-    border-bottom: 0px;
-    padding: 15px 0px 15px 0px;
-}
 
 @media (min-width: 768px){
     [role=main], .main {
@@ -234,9 +230,20 @@ input[type=radio], input[type=checkbox] {
     color: black;
 }
 
+.nav-simple>li {
+    border-bottom: 0px;
+    padding: 15px 0px 0px 0px;
+    width: 193px;
+    white-space: nowrap;
+    display: flex;
+    justify-content: space-between;
+}
+
 .nav-item .facet_label {
-    display: block;
-    float: left;
+    flex:1;
+    white-space: nowrap;
+    overflow: hidden;
+    text-overflow: ellipsis;
 }
 
 .nav-item .facet_label a{
@@ -244,16 +251,11 @@ input[type=radio], input[type=checkbox] {
 }
 
 .nav-item .facet_count {
-    display: block;
-    float: right;
+    display: inline-block;
     background-color: white;
     padding: 0px 2px 0px 2px;
 }
 
-.filter-checkbox {
-    
-}
-
 
 /* checkbox customize trick, see: https://stackoverflow.com/questions/24322599/css-why-cannot-change-checkbox-color-whatever-i-do */
 .facet_label input[type=checkbox] {

ckanext/odsh/templates/snippets/facet_list.html

@@ -26,7 +26,7 @@
 	    <input type="checkbox" {% if item.active %} checked {% endif %} class="filter-checkbox" id="check-{{ title.lower() }}-{{ loop.index }}"/>
 	    <label class="mylabel" for="check-{{ title.lower() }}-{{ loop.index }}"></label>
 	    <a href="{{ href }}" title="{{ label if label != label_truncated else '' }}">
-                <span>{{ label_truncated }}</span>
+                <span>{{ label}}</span>
             </a>
 	  </div>
 	  <div class="facet_count">