.bubble-main { display:flex; flex-direction: row; padding: 14px; .file-thumbimg{ display:inline-flex; img { height:140px; padding-right: 20px; background-repeat: no-repeat; } } .file-info { display: inline-flex; flex-direction: column; text-align: left; line-height: 1.6em; min-width:100px; margin-top:10px; .file-name { font-size: 14px; font-weight: bold; display: inline-flex; } .file-size { display: inline-flex; font-size: 11px; color: #666666; } .file-ext { font-size: 12px; } } } .btn-box { width: 100%; height: 40px; border-top: 1px solid #dddddd; display: flex; ul { width: 100%; li { width: 50%; height:100%; display: inline-block; text-align: center; align-items: center; font-size: 13px; border-right: 1px solid #dddddd; &:last-child { border-right: none; } .mat-button { width: 100%; height:100%; display: block; } } &.expired{ li{ width:100%; white-space: nowrap; color:#999999; align-items: center; line-height:40px; } } } }