diff --git a/site/frontend/src/pages/compare/compile/filters.vue b/site/frontend/src/pages/compare/compile/filters.vue index f8cbcf816..30d4e5ba4 100644 --- a/site/frontend/src/pages/compare/compile/filters.vue +++ b/site/frontend/src/pages/compare/compile/filters.vue @@ -181,4 +181,10 @@ const opened = createPersistedRef(PREF_FILTERS_OPENED); opacity: 0; transition: opacity 0.3s, visibility 0.3s; } +@media screen and (max-width: 600px) { + .regex-tooltiptext { + width: 120px; + margin-left: -180px; + } +} diff --git a/site/frontend/src/pages/compare/tooltip.vue b/site/frontend/src/pages/compare/tooltip.vue index abedd0fb5..3d668fd61 100644 --- a/site/frontend/src/pages/compare/tooltip.vue +++ b/site/frontend/src/pages/compare/tooltip.vue @@ -39,6 +39,13 @@ transition: opacity 0.3s, visibility 0.3s; } +@media screen and (max-width: 600px) { + .tooltiptext { + width: 120px; + margin-left: -60px; + } +} + .tooltip:hover .tooltiptext { visibility: visible; opacity: 1;