diff --git a/src/1p-filters.html b/src/1p-filters.html index e9093624e..57383187a 100644 --- a/src/1p-filters.html +++ b/src/1p-filters.html @@ -26,7 +26,7 @@
- +
diff --git a/src/css/3p-filters.css b/src/css/3p-filters.css index f6bfebd02..96b95b810 100644 --- a/src/css/3p-filters.css +++ b/src/css/3p-filters.css @@ -77,7 +77,7 @@ body.hideUnused #listsOfBlockedHostsPrompt::before, color: var(--fg-0-50); display: none; fill: var(--fg-0-50); - font-size: 110%; + font-size: 120%; margin: 0 0.2em 0 0; } .listEntry .fa:hover, @@ -91,7 +91,7 @@ body.hideUnused #listsOfBlockedHostsPrompt::before, .listEntry a.towiki { display: inline-flex; } -.listEntry.support > a.support { +.listEntry.support a.support { display: inline-flex; } .listEntry .remove, diff --git a/src/css/codemirror.css b/src/css/codemirror.css index 532b9a1cd..deb8ac2a7 100644 --- a/src/css/codemirror.css +++ b/src/css/codemirror.css @@ -31,17 +31,14 @@ .cm-search-widget { align-items: center; - background-color: #eee; + background-color: var(--bg-code); cursor: default; direction: ltr; display: flex; flex-shrink: 0; font-size: 110%; justify-content: center; - padding: 4px 8px; - /* position: absolute; */ - right: 2em; - top: 0; + padding: 0.5em; user-select: none; -moz-user-select: none; -webkit-user-select: none; @@ -58,11 +55,13 @@ border: 1px solid gray; border-radius: 3px; display: inline-flex; - min-width: 16em; + max-width: 50vw; + width: 16em; } .cm-search-widget-input > input { border: 0; flex-grow: 1; + width: 100%; } .cm-search-widget-input > .cm-search-widget-count { align-items: center; diff --git a/src/css/common.css b/src/css/common.css index a760935ef..5809757fa 100644 --- a/src/css/common.css +++ b/src/css/common.css @@ -74,7 +74,11 @@ button.custom.important[disabled] { } button.custom.iconifiable > .fa, button.custom.iconifiable > .fa-icon { - padding-right: 0.5em; + padding-left: 0; + padding-right: 0.4em; + } +button.custom.iconifiable > .fa-icon { + font-size: 120%; } body[dir="rtl"] button.custom.iconifiable > .fa, body[dir="rtl"] button.custom.iconifiable > .fa-icon { diff --git a/src/css/dashboard-common.css b/src/css/dashboard-common.css index a20b7a39e..546b5104b 100644 --- a/src/css/dashboard-common.css +++ b/src/css/dashboard-common.css @@ -23,7 +23,7 @@ a { .fa-icon.info { color: var(--fg-icon-info-lvl-0-dimmed); fill: var(--fg-icon-info-lvl-0-dimmed); - font-size: 110%; + font-size: 120%; } .fa.info:hover, .fa-icon.info:hover { diff --git a/src/css/fa-icons.css b/src/css/fa-icons.css index 9759c1363..8e90dfadc 100644 --- a/src/css/fa-icons.css +++ b/src/css/fa-icons.css @@ -5,7 +5,7 @@ display: inline-flex; justify-content: center; margin: 0; - padding: 0.1em; + padding: 0 0.1em; position: relative; user-select: none; vertical-align: text-bottom; diff --git a/src/css/popup-fenix.css b/src/css/popup-fenix.css index 3a75456ef..16b390c8b 100644 --- a/src/css/popup-fenix.css +++ b/src/css/popup-fenix.css @@ -15,7 +15,8 @@ body { } @media (pointer: coarse) { body { - min-width: 100vw; + min-width: unset; + width: 100%; } } a { @@ -148,7 +149,7 @@ body.needSave #revertRules { .tool [data-i18n] { display: var(--fg-popup-icon-caption-display); font: 10px/12px sans-serif; - margin-top: 0.8em; + margin-top: 0.5em; text-align: center; }