@media (max-width: 768px) { .main-content { padding: 30px 0px; } ::ng-deep .mat-expansion-panel-header { min-height: 48px; height: auto !important; } ::ng-deep .mat-expansion-panel-body { padding: 0 0px 16px !important; } ::ng-deep .mat-vertical-content { padding: 0 14px 24px 14px !important; } } .dataset-wizard { .toc-pane-container { &.is-sticky~.nav-spacer { height: 500px; // the container size } // height: calc(100vh - 100px); // the container size } } } .step-container { margin-top: 1em; } .external-item-card { margin-top: 1em; } .external-item-action-row, .description-action-row { margin-top: 1em; } .deleteButton, .reverseButton { margin-top: 15px; margin-bottom: 15px; margin-right: 15px; text-transform: uppercase; } .cancelButton { margin-top: 15px; margin-bottom: 15px; margin-right: 15px; text-transform: uppercase; } .saveButton { margin-top: 15px; margin-bottom: 15px; margin-right: 15px; text-transform: uppercase; } .saveAndFinalizeButton { margin-top: 15px; margin-bottom: 15px; margin-right: 15px; } .finalizeButton { margin-top: 15px; margin-bottom: 15px; margin-right: 15px; text-transform: uppercase; } .export-btn { padding-right: 6px; } .downloadPDF { margin-top: 15px; margin-bottom: 15px; margin-right: 15px; } .downloadXML { margin-top: 15px; margin-bottom: 15px; margin-right: 15px; } .downloadDOCX { margin-top: 15px; margin-bottom: 15px; margin-right: 15px; } .updateDatasetProfile { margin-top: 15px; margin-bottom: 15px; margin-right: 15px; } .actions { display: flex; justify-content: flex-end; } // .actions > button { // background-color: #0070c0; // color: #ffffff; // text-transform: uppercase; // } .more-horiz { font-size: 28px; color: #aaaaaa; } .more-icon :hover { color: #00b29f; } .new-dataset { height: 3.5em; } } .menu-item { width: 248px; } ::ng-deep .mat-tab-labels { justify-content: space-between; } ::ng-deep .mat-tab-label-content { text-transform: uppercase; } ::ng-deep .mat-ink-bar { background-color: #00b29f !important; // background-color: #0070c0 !important; } .toc-pane-container { &.is-sticky~.nav-spacer { height: 500px; // the container size } // height: calc(100vh - 100px); // the container size } } } .is-sticky { margin-top: 70px !important; }