/** Choice Coach vertical tablet styles */
.form-section {
flex-direction: column;
gap: 16px;
}
.form {
&.panel {
.input-rows {
padding: 16px;
}
.button-row {
padding: 16px;
}
}
}
.wide-form {
width: unset;
margin: 64px 32px;
}
.main-content {
&.member-content {
gap: 24px;
.page-header {
gap: 12px;
.header-text {
gap: 2px;
.page-name {
font-size: 24px;
line-height: 32px;
}
}
cc-profile-photo {
.profile-image {
width: 64px;
height: 64px;
}
}
}
}
.panel {
.panel-title {
padding: 16px;
flex-wrap: wrap;
}
.panel-content {
padding: 16px;
}
}
.panel-group {
flex-direction: column;
gap: 24px;
}
.matches-panel {
& > .divider {
display: flex;
}
.row.header {
display: none;
}
.matches {
display: grid;
grid-template-columns: repeat(auto-fill, minmax(240px, auto));
grid-template-rows: auto;
gap: 16px;
padding: 16px;
align-self: stretch;
}
.row.match {
display: flex;
flex-direction: column;
gap: 16px;
padding: 16px;
width: unset;
border: 1px solid var(--color-subtle-edge);
border-radius: 12px;
box-shadow: 0px 1px 2px 0px rgba(16, 24, 40, 0.05);
.avatar-name {
height: auto;
}
.expertise {
height: 50px;
}
.rating {
padding-left: 5px;
}
.actions {
align-self: stretch;
.button {
flex: unset;
}
.button.default {
display: none;
}
.button.card {
display: flex;
flex: 1 0 0;
font-size: 14px;
line-height: 20px;
}
}
}
}
}
.pop {
width: calc(100% - 40px);
max-height: calc(100% - 100px);
.actions {
.button, button {
padding: 8px 14px;
font-size: 14px;
}
}
}
.grid-panel {
gap: 16px;
&.results-grid,
&.review-grid {
grid-template-columns: repeat(auto-fill, minmax(240px, auto));
}
}
.grid-card {
padding: 16px;
.person-header {
.date {
font-size: 12px;
}
}
}
#page-status-message {
top: 64px;
}
cc-expertise-tree {
flex-direction: column;
.roots-select {
display: flex;
flex-direction: column;
gap: 6px;
label.roots {
padding: 0px 0px 0px 8px;
}
select.roots {
display: inline-block;
}
}
.roots-container {
display: none;
}
}
.docking {
padding: 8px 16px;
margin-left: -16px;
margin-right: -16px;
}
.docking.docked {
}