Aligned input

This commit is contained in:
ByronEricPerez 2022-08-29 16:17:14 -03:00
parent d724676daf
commit 5baa12ec3d
2 changed files with 32 additions and 30 deletions

View file

@ -382,8 +382,7 @@ const CommentActionButtons = (actionButtonsProps: ActionButtonsProps) => {
<Button button="alt" icon={ICONS.REFRESH} title={__('Refresh')} onClick={() => setPage(0)} />
{allServers.length >= 2 && (
<div className="button">
<div className="button__content">
<div className="button_selectedServer">
<FormField
type="select-tiny"
onChange={function (x) {
@ -406,7 +405,6 @@ const CommentActionButtons = (actionButtonsProps: ActionButtonsProps) => {
})}
</FormField>
</div>
</div>
)}
</>
);

View file

@ -276,18 +276,16 @@
overflow: hidden;
.select--slim {
//margin-bottom: var(--spacing-xxs);
display: flex;
//justify-content: center;
margin: 0px 0px 10px 10px;
margin-left: var(--spacing-s);
margin-bottom: var(--spacing-s);
@media (min-width: $breakpoint-small) {
max-width: none;
select {
//max-height: 1.5rem !important;
//padding: 0 var(--spacing-xs);
//padding-right: var(--spacing-l);
padding: 0 var(--spacing-xs);
padding-right: var(--spacing-l);
}
}
}
@ -659,3 +657,9 @@
}
}
}
.button_selectedServer {
display: inline;
width: var(--floating-viewer-height);
float: right;
}