Adjust spacing
This commit is contained in:
parent
a0d05af90d
commit
8e0227d350
2 changed files with 10 additions and 3 deletions
|
@ -60,8 +60,7 @@
|
||||||
|
|
||||||
.SearchBar {
|
.SearchBar {
|
||||||
display: inline-flex;
|
display: inline-flex;
|
||||||
align-items: baseline;
|
align-items: center;
|
||||||
vertical-align: baseline;
|
|
||||||
justify-content: flex-end;
|
justify-content: flex-end;
|
||||||
|
|
||||||
&.-expanded {
|
&.-expanded {
|
||||||
|
@ -76,6 +75,14 @@
|
||||||
.search-bar-input {
|
.search-bar-input {
|
||||||
flex: 1 0 auto;
|
flex: 1 0 auto;
|
||||||
margin-left: 0.5em;
|
margin-left: 0.5em;
|
||||||
|
border-top-right-radius: 0;
|
||||||
|
border-bottom-right-radius: 0;
|
||||||
|
}
|
||||||
|
|
||||||
|
.search-button {
|
||||||
|
aspect-ratio: 1/1;
|
||||||
|
border-top-left-radius: 0;
|
||||||
|
border-bottom-left-radius: 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
.cancel-search {
|
.cancel-search {
|
||||||
|
@ -87,5 +94,4 @@
|
||||||
color: var(--btnTopBarText, $fallback--text);
|
color: var(--btnTopBarText, $fallback--text);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
</style>
|
</style>
|
||||||
|
|
|
@ -142,6 +142,7 @@
|
||||||
|
|
||||||
.nowrap {
|
.nowrap {
|
||||||
display: flex;
|
display: flex;
|
||||||
|
align-items: end;
|
||||||
white-space: nowrap;
|
white-space: nowrap;
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
Loading…
Reference in a new issue