Style changes
This commit is contained in:
parent
f63798e897
commit
402445fb3f
6 changed files with 13 additions and 79 deletions
|
|
@ -87,8 +87,8 @@
|
|||
padding: 0;
|
||||
}
|
||||
|
||||
#menubutton .icon {
|
||||
transform: scale(1.5);
|
||||
#menuButton .icon {
|
||||
transform: scale(1.2);
|
||||
}
|
||||
|
||||
#containerTabStrip {
|
||||
|
|
@ -100,12 +100,17 @@
|
|||
#containerTabStrip #menuButton {
|
||||
flex: 0 0 auto;
|
||||
margin-right: 1em;
|
||||
margin-left: 1em;
|
||||
}
|
||||
|
||||
#containerTabStrip .containerList {
|
||||
flex: 1 0 0;
|
||||
}
|
||||
|
||||
#containerTabStrip .containerList .tab-item a {
|
||||
padding: .6rem .4rem .6rem .4rem;
|
||||
}
|
||||
|
||||
#bookmarkGroups {
|
||||
margin-top: 1em;
|
||||
margin-left: auto;
|
||||
|
|
@ -126,14 +131,14 @@
|
|||
@media screen and (min-width: 960px) {
|
||||
#bookmarkGroups {
|
||||
grid-template-columns: repeat(2, 1fr);
|
||||
width: 70%;
|
||||
width: 60%;
|
||||
}
|
||||
}
|
||||
|
||||
@media screen and (min-width: 1440) {
|
||||
#bookmarkGroups {
|
||||
grid-template-columns: repeat(3, 1fr);
|
||||
width: 70%;
|
||||
width: 60%;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue