FileManager: modified icons text line size

vispa/extensions/file2/static/css/style.css

@@ -60,15 +60,15 @@
 .file2.browser>.item-container.icons.dropok{background-color:#bf6!important}
 .file2.browser>.item-container.icons.dropok>.items>.item{background:0 0}
 .file2.browser>.item-container.icons>.items{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-flex-flow:row wrap;-ms-flex-flow:row wrap;flex-flow:row wrap;-webkit-box-pack:start;-webkit-justify-content:flex-start;-ms-flex-pack:start;justify-content:flex-start;-webkit-box-align:stretch;-webkit-align-items:stretch;-ms-flex-align:stretch;align-items:stretch;-webkit-align-content:flex-start;-ms-flex-line-pack:start;align-content:flex-start;padding:.5em}
-.file2.browser>.item-container.icons>.items>.item{-webkit-box-flex:7.5em;-webkit-flex:7.5em 0 0;-ms-flex:7.5em 0 0;flex:7.5em 0 0;max-width:7.5em;margin:.375em;padding:.25em;border-radius:.625em}
+.file2.browser>.item-container.icons>.items>.item{-webkit-box-flex:7.5em;-webkit-flex:7.5em 0 0;-ms-flex:7.5em 0 0;flex:7.5em 0 0;max-width:7.5em;margin:.345em;padding:.23em;border-radius:.575em}
 .file2.browser>.item-container.icons>.items>.item:hover{background-color:#fafafa}
 .file2.browser>.item-container.icons>.items>.item:hover>.icon>input{opacity:.7}
 .file2.browser>.item-container.icons>.items>.item.selected{background-color:#ccf}
-.file2.browser>.item-container.icons>.items>.item>.icon{height:3.875em;position:relative;text-align:center;padding:.375em}
-.file2.browser>.item-container.icons>.items>.item>.icon>i{font-size:3.125em}
+.file2.browser>.item-container.icons>.items>.item>.icon{height:3.565em;position:relative;text-align:center;padding:.345em}
+.file2.browser>.item-container.icons>.items>.item>.icon>i{font-size:2.875em}
 .file2.browser>.item-container.icons>.items>.item>.icon>input{width:1.25em;height:1.25em;position:absolute;top:0;left:0;margin:0;opacity:.2}
 .file2.browser>.item-container.icons>.items>.item>.icon>input:checked{opacity:1}
-.file2.browser>.item-container.icons>.items>.item>.name{text-align:center;overflow-wrap:break-word;display:block;display:-webkit-box;max-height:3.75em;margin:0 auto;line-height:1.25em;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
+.file2.browser>.item-container.icons>.items>.item>.name{text-align:center;overflow-wrap:break-word;display:block;display:-webkit-box;max-height:3.45em;margin:.15em;line-height:1.15em;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}
 .file2.browser>.filter{position:absolute;background:#fff;z-index:25;bottom:0;left:25px;border:1px solid #000;border-radius:3px 3px 0 0;border-bottom:0;padding:2px}
 .file2.browser>.filter>.count{display:inline-block;min-width:35px;padding:0 1px}
 .file2.browser>.filter>.count>i{margin:0 2px}

vispa/extensions/file2/static/css/style.less

@@ -7,7 +7,7 @@
 @icons-max-lines: 3;
 @icons-icon-padding: 0.3;
 @icons-icon-lines: 2.5;
-@icons-line-height: 1.25em;
+@icons-line-height: 1.15em;
 @icons-select-size: 1.25em;
 @navbar-height: 30px;
 
@@ -323,7 +323,7 @@
             display: -webkit-box;
             // max-width: 100%;
             max-height: @icons-line-height * @icons-max-lines;
-            margin: 0 auto;
+            margin: 0.15em;
             line-height: @icons-line-height;
             -webkit-line-clamp: @icons-max-lines;
             -webkit-box-orient: vertical;