fleet/frontend/pages/ManageControlsPage/Scripts/ScriptBatchDetailsPage/_styles.scss
jacobshandling 0d6f4a69c9
Fix batch details page copy gap (#34699)
<!-- Add the related story/sub-task/bug number, like Resolves #123, or
remove if NA -->
**Related issue:** Resolves #34697 

<img width="819" height="283" alt="Screenshot 2025-10-23 at 9 58 57 AM"
src="https://github.com/user-attachments/assets/d30bd017-da75-4752-b562-fd4c1fb51db0"
/>


- [x] Changes file added for user-visible changes in `changes/`
- [x] QA'd all new/changed functionality manually
2025-10-23 10:20:09 -07:00

47 lines
850 B
SCSS

.script-batch-details-page {
@include vertical-page-layout;
&__header {
margin-bottom: 0;
.section-header__sub-title {
display: flex;
align-items: center;
gap: $pad-large;
font-size: $x-small;
}
.when {
display: inline-flex;
align-items: center;
gap: $pad-xsmall;
}
}
&__tab-content {
@include flex-column-16px-gap;
&__header {
display: flex;
align-items: center;
justify-content: space-between;
font-size: $x-small;
}
}
&__empty {
display: flex;
flex-direction: column;
align-items: center;
border: 1px solid $ui-fleet-black-10;
border-radius: 4px;
padding: 40px;
gap: 8px;
font-size: $small;
p {
margin: 0;
@include help-text;
}
}
.back-link {
align-self: flex-start;
}
}