app change

lib/app/communications/style.scss

@@ -13,7 +13,6 @@
         --dark-fore-opacity-color: rgba(255, 255, 255, .6);
         --strong-color: #333;
         --light-color: #ccc;
-        --medium-font-size: .875rem;
     }
 
     .roundbtn {
@@ -179,7 +178,7 @@
                 >span {
                     flex: 1 1 auto;
                     color: var(--strong-color);
-                    font-size: var(--medium-font-size);
+                    font-size: var(--font-larger-size);
                     overflow: hidden;
                     text-overflow: ellipsis;
                     padding-right: 10px;
@@ -318,11 +317,16 @@
 
     .popup-mask .grid {
         height: 100%;
+        min-height: 120px;
         overflow: hidden;
 
         >.grid-body .grid-body-content>.grid-row>td {
             vertical-align: top;
 
+            .col-icon {
+                padding: 10px 4px 10px 8px;
+            }
+
             .icon-contact-type {
                 cursor: unset;
 
@@ -335,13 +339,18 @@
                 }
             }
 
-            .contact-name {
-                overflow: hidden;
-                text-overflow: ellipsis;
-            }
+            .contact-wrapper {
+                width: 100px;
+                padding: var(--spacing-cell);
 
-            .contact-note {
-                color: #999;
+                .contact-name {
+                    overflow: hidden;
+                    text-overflow: ellipsis;
+                }
+
+                .contact-note {
+                    color: #999;
+                }
             }
         }
     }