From 3790404146e0bbbd34d2dae9fe2cebd86bbdd385 Mon Sep 17 00:00:00 2001 From: Armin Samii Date: Sat, 27 Jul 2024 16:35:05 -0400 Subject: [PATCH] improve embed header --- static/visualizer/icon_popout.png | Bin 0 -> 8433 bytes static/visualizer/visualize-common.css | 7 +++++-- templates/visualizer/visualize-ballotpedia.html | 15 +++++++++------ templates/visualizer/visualize-embedded.html | 15 +++++++++------ 4 files changed, 23 insertions(+), 14 deletions(-) create mode 100644 static/visualizer/icon_popout.png diff --git a/static/visualizer/icon_popout.png b/static/visualizer/icon_popout.png new file mode 100644 index 0000000000000000000000000000000000000000..398de958c6bb51315c001fdfdfe04bd9cc1a87dd GIT binary patch literal 8433 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 Si|9Wk*kBG>73@8E;lBW$iBkOl literal 0 HcmV?d00001 diff --git a/static/visualizer/visualize-common.css b/static/visualizer/visualize-common.css index 5d37a310..3ce54b9e 100644 --- a/static/visualizer/visualize-common.css +++ b/static/visualizer/visualize-common.css @@ -105,16 +105,19 @@ svg { text-align: center; padding-top: 5px; padding-bottom: 5px; - vertical-align: center; + vertical-align: top; } #embedded-footer a { color: white; } +#embedded-footer img { + vertical-align: top; +} .btn { font-size: 0.8rem; } -.sendfeedback { +.popout { position: fixed; right: 5px; font-size: .75em; diff --git a/templates/visualizer/visualize-ballotpedia.html b/templates/visualizer/visualize-ballotpedia.html index 979ae03a..a7c7d228 100644 --- a/templates/visualizer/visualize-ballotpedia.html +++ b/templates/visualizer/visualize-ballotpedia.html @@ -37,12 +37,15 @@ diff --git a/templates/visualizer/visualize-embedded.html b/templates/visualizer/visualize-embedded.html index c404fd13..3e966b37 100644 --- a/templates/visualizer/visualize-embedded.html +++ b/templates/visualizer/visualize-embedded.html @@ -30,12 +30,15 @@ {% endif %}