diff --git a/web/plugin.head.html b/web/plugin.head.html
index 9dfc994..fe966e6 100644
--- a/web/plugin.head.html
+++ b/web/plugin.head.html
@@ -473,7 +473,6 @@
html:not(.politictalk-direct-access-blocked) .toolbox-content,
html:not(.politictalk-direct-access-blocked) .toolbox-content-wrapper {
opacity: 1 !important;
- pointer-events: auto !important;
transition: none !important;
visibility: visible !important;
z-index: 1000 !important;
@@ -481,11 +480,10 @@
html:not(.politictalk-direct-access-blocked) #new-toolbox,
html:not(.politictalk-direct-access-blocked) .toolbox {
- align-items: center !important;
- bottom: calc(env(safe-area-inset-bottom, 0px) + 10px) !important;
- display: flex !important;
- justify-content: center !important;
+ bottom: 0 !important;
+ height: 0 !important;
left: 0 !important;
+ pointer-events: none !important;
position: fixed !important;
right: 0 !important;
top: auto !important;
@@ -495,20 +493,30 @@
html:not(.politictalk-direct-access-blocked) .toolbox-content,
html:not(.politictalk-direct-access-blocked) .toolbox-content-wrapper {
- bottom: auto !important;
max-width: calc(100vw - 20px) !important;
+ pointer-events: auto !important;
}
html:not(.politictalk-direct-access-blocked) .toolbox-content-wrapper {
+ bottom: calc(env(safe-area-inset-bottom, 0px) + 10px) !important;
left: 50% !important;
+ position: fixed !important;
right: auto !important;
+ top: auto !important;
transform: translateX(-50%) !important;
+ width: fit-content !important;
}
html:not(.politictalk-direct-access-blocked) .toolbox-content {
+ bottom: auto !important;
+ left: auto !important;
margin-left: auto !important;
margin-right: auto !important;
+ position: static !important;
+ right: auto !important;
+ top: auto !important;
transform: none !important;
+ width: max-content !important;
}
.politictalk-direct-access {