@import "../../../responsive"; .checkbox-column { width: 33.3%; display: flex; flex-direction: column; gap: 0.5rem; padding-left: 0.5rem; } .checkbox-row { display: flex; flex-direction: row; gap: 1rem; align-items: center; } .input-row { display: flex; flex-direction: row; justify-content: space-between; align-items: center; } .damage-box { width: 50%; } .damage-box { icon-button { padding-left: 4rem; margin-bottom: 1rem; margin-top: 0.5rem; } } .row, .range-container { ::ng-deep .mat-mdc-text-field-wrapper { width: 11rem !important; } .time { ::ng-deep .mat-mdc-text-field-wrapper { width: 2.5rem !important; padding-left: 0 !important; padding-right: 0 !important; } input { text-align: center; } } .unit { ::ng-deep .mat-mdc-text-field-wrapper { width: 8rem !important; } } ::ng-deep .mat-mdc-form-field-infix { height: 32px !important; min-height: 32px !important; padding-top: 4px !important; } input::-webkit-outer-spin-button, input::-webkit-inner-spin-button { display: none; } input { -webkit-appearance: none; appearance: none; } } .tab-content { ::ng-deep .mat-mdc-text-field-wrapper { width: 10rem !important; } ::ng-deep .mat-mdc-form-field-infix { height: 40px !important; min-height: 40px !important; padding-top: 8px !important; } } div.nav-pills.column.nav { border-right: 1px solid darkgray; padding-right: 4px; } ::ng-deep .ProseMirror { height: 17.5rem !important; overflow-y: auto; } .navigation-bar { padding-top: 0.5rem; gap: 1rem; height: 20rem; align-items: center; border-right: var(--gold-1); padding-right: 4px; width: 11rem; .nav-link { width: 100%; border-radius: 10px; transition: all 0.25s ease-in-out; font-weight: 600; color: black; &.active, &:hover { background-color: var(--gold); background-color: var(--gold); box-shadow: var(--shadow); } } .disabled-button { padding: 8px 0; border: none; font-weight: 600; color: black; cursor: not-allowed; opacity: 0.5; } } // Responsive hr { margin-top: 0.5rem; margin-bottom: 0.5rem; @include height-medium { margin-top: 1.5rem; margin-bottom: 1.5rem; } } .horizontal-buttons { padding: 1.5rem 0; @include height-small { padding: 2rem 0; } } .title { margin-top: 1.5rem; @include height-small { margin-top: 2rem; } } .content { margin-top: 1rem; @include height-small { margin-top: 1.5rem; } }