Update the icon mode in CryptDrive

www/drive/file.less

@@ -32,7 +32,7 @@ html, body {
     padding: 0;
     margin: 0;
     position: relative;
-    font-size: 20px;
+    font-size: 16px;
     overflow: auto;
 }
 
@@ -359,25 +359,45 @@ span {
             }
         }
     }
+    .element {
+        .truncated { display: none; }
+    }
     div.grid {
         padding: 20px;
         li {
             display: inline-block;
             margin: 10px 10px;
             width: 140px;
+            height: 140px;
             text-align: center;
             vertical-align: top;
             overflow: hidden;
             text-overflow: ellipsis;
-            padding-top: 10px;
+            padding-top: 5px;
             padding-bottom: 5px;
-            max-height: 145px;
 
             &:not(.selected):not(.selectedTmp) {
-                border: 1px solid transparent;
+                border: 1px solid #CCC;
             }
             .name {
                 width: 100%;
+                height: 48px;
+                margin: 8px 0;
+                display: inline-flex;
+                //align-items: center;
+                justify-content: center;
+                overflow: hidden;
+                //text-overflow: ellipsis;
+            }
+            &.element {
+                position: relative;
+            }
+            .truncated {
+                display: block;
+                position: absolute;
+                bottom: 0px;
+                left: 0; right: 0;
+                text-align: center;
             }
             input {
                 width: 100%;
@@ -386,7 +406,8 @@ span {
             .fa {
                 display: block;
                 margin: auto;
-                font-size: 40px;
+                font-size: 48px;
+                margin: 8px 0;
                 text-align: center;
                 &.listonly {
                     display: none;