LBRYCommunity/lbry-desktop
1
0
Fork 0
Code Issues 596 Pull requests 6 Projects Releases 238 Packages Wiki Activity

Aligned input

Browse source
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
Show stats Download patch file Download diff file Expand all files Collapse all files

4
ui/component/commentsList/view.jsx
View file

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

16
ui/scss/component/_card.scss
View file

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