Archive/rdio-scanner
1
0
Fork 0
mirror of https://github.com/chuot/rdio-scanner.git synced 2026-08-16 09:53:01 -06:00
Code Issues Actions Packages Projects Releases Wiki Activity

Fix button width on large screen

Browse source
This commit is contained in:
Chrystian Huot 2020-01-09 08:36:37 -05:00
parent 5fdcfb1dcb
commit e36e510ecd
1 changed files with 19 additions and 14 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

5
client/src/app/components/rdio-scanner/rdio-scanner.component.scss
View file

@ -125,6 +125,7 @@
box-shadow: 2px 2px 4px rgb(0, 0, 0) inset, 1px 1px 2px 1px rgb(255, 255, 255); box-shadow: 2px 2px 4px rgb(0, 0, 0) inset, 1px 1px 2px 1px rgb(255, 255, 255);
box-sizing: border-box; box-sizing: border-box;
color: rgba(0, 0, 0, .8); color: rgba(0, 0, 0, .8);
cursor: default;
display: block; display: block;
font-size: 14px; font-size: 14px;
font-weight: 400; font-weight: 400;
@ -326,6 +327,7 @@
} }
@media (min-width: 720px) { @media (min-width: 720px) {
.rdio-select {
.rdio-button { .rdio-button {
width: calc(20% - 8px); width: calc(20% - 8px);
} }
@ -334,8 +336,10 @@
width: calc(10% - 8px); width: calc(10% - 8px);
} }
} }
}
@media (min-width: 1200px) { @media (min-width: 1200px) {
.rdio-select {
.rdio-button { .rdio-button {
width: calc(10% - 8px); width: calc(10% - 8px);
} }
@ -344,4 +348,5 @@
width: calc(5% - 8px); width: calc(5% - 8px);
} }
} }
}
} }