Slight CSS adjustments to the initial loading buttons.

This commit is contained in:
projectmoon 2023-01-04 20:36:10 +01:00
parent 017a624c66
commit af51b6ab66
2 changed files with 13 additions and 9 deletions

View File

@ -74,14 +74,12 @@
</div>
<!-- displayed initially -->
<div id="no-file-loaded-controls" class="d-grid gap-2 text-center d-md-block col-8 mx-auto">
<div id="no-file-loaded-controls" class="d-grid gap-2 text-center d-lg-block col-8 mx-auto">
<button id="unloaded-view-new-button" type="button" class="btn btn-primary btn-lg">
<span class="float-start">
<i class="bi bi-file-earmark-plus"></i>
</span>
<span>
View New
</span>
<span>View New</span>
</button>
<span class="d-none d-lg-inline fs-4">or...</span>
@ -91,7 +89,7 @@
<span class="float-start">
<i class="text-start bi bi-files"></i>
</span>
<span class="text-end">Load Previous</span>
<span>Load Previous</span>
</button>
</div>
</div>

View File

@ -39,6 +39,12 @@ th, td {
font-weight: inherit;
}
@include media-breakpoint-up(lg) {
#no-file-loaded-controls button {
min-width: 200px;
}
}
@include media-breakpoint-down(lg) {
/*
Remove padding from container, but keep it on stuff that isn't
@ -49,14 +55,14 @@ th, td {
padding-right: 0px;
}
#file-loaded-controls {
padding: 0.25rem;
}
#no-file-loaded-controls {
max-width: 200px;
}
#file-loaded-controls {
padding: 0.25rem;
}
/* Chat Display table stuff */
#chat-display table {
table-layout: fixed;