Better displaying of long names in tables and facet headers
    
    Tables columns have computed width. If value in one column is very long it widens the column and shortens others. This change causes that body columns are not aligned with header columns which makes the table less readable.
    
    Applying 'word-break: break-all' style breaks the word to multiple lines and solves the problem.
    
    Simililar problem is in details facet when displaying text values. Very long values widens the table and a horizontal slider is displayed, which is bad. Applying same solution.
    
    In facet headers and breadcrumb navigation breaking the pkey looks bad - there should be only on line of pkey. To solve this, the pkey is limited to 63 characters (empirically measured). Long pkeys are cut. Uncut pkey is set as a title to avoid losing information.
    
    Whole breadcrump could be about 140 chars (with current styles). 10 chars is reserved for entity link, 60 for pkey the rest (about 60) for parent pkeys. The assumtion is that the parent pkeys wouldn't be so long so they won't be cut anyway.
    
    Column width calculation in tables was iproved. Now it counts with cell spacing, padding, border. It uses these assumtions:
    cell-spacing: 2px
    cell-padding: 6px th:right, left; td: left
    cell-border: th:1px; td:0px
    
    It would be better to get these measures dynamically. Right now it is good enough - better than previous calculation.
    
    Result: data cells are aligned with their header. This alignment fails if vertical scrollbar is displayed (existing problem).
    
    Also added padding to headers in association adder dialog.
    
    https://fedorahosted.org/freeipa/ticket/1890