diff --git a/assets/styles.css b/assets/styles.css index 78f6b37..b5fbfcb 100644 --- a/assets/styles.css +++ b/assets/styles.css @@ -268,38 +268,44 @@ section > pre.error-log { display: inline-flex; flex-direction: row; flex-wrap: wrap; +} + +.radiostrip .choice { position: relative; } .radiostrip input[type=radio] { position: absolute; top: 0; left: 0; - height: 1px; width: 1px; + width: 100%; height: 100%; + margin: 0; + opacity: 0; + cursor: pointer; } + .radiostrip label { padding: .3em .5em; - cursor: pointer; user-select: none; background-color: transparent; border: 1px solid rgba(0,0,0,0.3); } -.radiostrip label:first-of-type { + +.radiostrip span.choice:first-child label { border-radius: .2rem 0 0 .2rem; } -.radiostrip label:last-of-type { +.radiostrip span.choice:last-child label { border-radius: 0 .2rem .2rem 0; } -.radiostrip label:not(:first-of-type) { +.radiostrip span.choice:not(:first-child) label { border-left-color: transparent; } -.radiostrip label:not(:last-of-type) { +.radiostrip span.choice:not(:last-child) label { border-right-color: transparent; - margin-right: 1px; } .radiostrip input[type=radio]:focus + label { diff --git a/templates/logged_in.html b/templates/logged_in.html index 115f7a1..179758e 100644 --- a/templates/logged_in.html +++ b/templates/logged_in.html @@ -72,20 +72,35 @@

Keep + + + + + + + +

Keep + + + + + + + @@ -93,10 +108,15 @@ {% if g.viewer.account.service == 'mastodon' %}

Keep direct messages + + + + +

{% endif %}