From 385921158921bdab354b7911edd54bd988ea5e97 Mon Sep 17 00:00:00 2001 From: Koen Lageveen Date: Fri, 10 Jan 2020 22:11:55 +0100 Subject: [PATCH] improve entry flex layout --- index.css | 21 ++++++++++----------- 1 file changed, 10 insertions(+), 11 deletions(-) diff --git a/index.css b/index.css index 0ebc568..d4cfe42 100644 --- a/index.css +++ b/index.css @@ -132,17 +132,6 @@ section.select-list a:active .name { section.select-list .active .name { 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 { position: absolute; right: 1rem; @@ -160,10 +149,20 @@ section.select-list a.website span { display: inline-block; 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.favoritelink { 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 a.website:hover, section.select-list .entry a.website:active {