$mat-card-header-size: 40px !default; ::ng-deep .mat-dialog-container { border-radius: 8px; } .form-container { width: 100%; min-height: 14rem; padding: 1rem 2rem 2rem 2rem; } .logo { width: 8.44rem; } .close-icon { cursor: pointer; // margin-right: 20px; padding: .4rem; width: auto !important; height: auto !important; } .close-icon:hover { background-color: #ECECED !important; border-radius: 50%; } .content { margin: 2.17rem 2.304rem 1.1875rem 3.065rem; } .title, .text { font-size: 1.25rem; font-weight: lighter; color: #000000; opacity: 0.8; } .title { font-size: 2.375rem; margin-bottom: 1.1875rem; } .text { margin-bottom: 2.9375rem; line-height: 1.9rem; } .upload-btn { background-color: white; color: #212121; font-weight: bold; box-shadow: 0px 3px 6px #1e202029; border: 2px solid #212121; } .actions { width: 26.667rem; display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .warn { color: #f16868; } .profile-picture { height: $mat-card-header-size; width: $mat-card-header-size; border-radius: 50%; flex-shrink: 0; } .thread { padding: 1em 0 0 0; background-color: #F5F5F5; margin: 1em 0 0 0; } .user { font-weight: bold; }