improve entry flex layout
This commit is contained in:
parent
adb1d3b45a
commit
3859211589
21
index.css
21
index.css
|
@ -132,17 +132,6 @@ section.select-list a:active .name {
|
||||||
section.select-list .active .name {
|
section.select-list .active .name {
|
||||||
font-weight: bold;
|
font-weight: bold;
|
||||||
}
|
}
|
||||||
section.select-list a.favoritelink {
|
|
||||||
position: absolute;
|
|
||||||
top: .5rem;
|
|
||||||
right: 1rem;
|
|
||||||
margin-right: .25em;
|
|
||||||
color: #F5F5F5;
|
|
||||||
cursor: pointer;
|
|
||||||
}
|
|
||||||
section.select-list a.favoritelink:hover {
|
|
||||||
color: currentColor;
|
|
||||||
}
|
|
||||||
section.select-list a.website {
|
section.select-list a.website {
|
||||||
position: absolute;
|
position: absolute;
|
||||||
right: 1rem;
|
right: 1rem;
|
||||||
|
@ -160,10 +149,20 @@ section.select-list a.website span {
|
||||||
display: inline-block;
|
display: inline-block;
|
||||||
padding-right: 1ex;
|
padding-right: 1ex;
|
||||||
}
|
}
|
||||||
|
section.select-list a.favoritelink {
|
||||||
|
flex-grow: 0;
|
||||||
|
margin-right: .25em;
|
||||||
|
color: #F5F5F5;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
section.select-list .entry:hover a.website,
|
section.select-list .entry:hover a.website,
|
||||||
section.select-list .entry:hover a.favoritelink {
|
section.select-list .entry:hover a.favoritelink {
|
||||||
color: #CCC;
|
color: #CCC;
|
||||||
}
|
}
|
||||||
|
section.select-list .entry:hover a.favoritelink:hover,
|
||||||
|
section.select-list a.favoritelink:hover {
|
||||||
|
color: #777;
|
||||||
|
}
|
||||||
section.select-list .entry .active a.website,
|
section.select-list .entry .active a.website,
|
||||||
section.select-list .entry a.website:hover,
|
section.select-list .entry a.website:hover,
|
||||||
section.select-list .entry a.website:active {
|
section.select-list .entry a.website:active {
|
||||||
|
|
Loading…
Reference in New Issue