Fix ellipsis in files table (#12617)

Turns out text ellispsis does not work in combination with flexbox and
while wrapping in a display:block can help in some cases, I could not
get this to work properly so this changes the truncate to inline-block
again and reduces the clickable area to just vertical expansion from the
links.

web_src/less/_repository.less

@@ -362,12 +362,13 @@
         }
 
         .truncate {
-          display: inline-flex;
-          align-items: center;
+          display: inline-block;
           overflow: hidden;
           text-overflow: ellipsis;
           white-space: nowrap;
           width: 100%;
+          padding-top: 8px;
+          padding-bottom: 8px;
         }
 
         a {