diff --git a/icons/copy-dark.svg b/icons/copy-dark.svg new file mode 100644 index 00000000..0fae508c --- /dev/null +++ b/icons/copy-dark.svg @@ -0,0 +1,124 @@ + + + + \ No newline at end of file diff --git a/icons/copy-light.svg b/icons/copy-light.svg new file mode 100644 index 00000000..92bcbaa6 --- /dev/null +++ b/icons/copy-light.svg @@ -0,0 +1,124 @@ + + + + \ No newline at end of file diff --git a/icons/credits b/icons/credits index 9de6964a..5eec05e8 100644 --- a/icons/credits +++ b/icons/credits @@ -15,3 +15,7 @@ CC0 link-dark.svg, link-light.svg (edited) https://www.svgrepo.com/svg/35710/external CC0 + +copy-dark.svg, copy-light.svg (edited) +https://www.svgrepo.com/svg/76619/copy +CC0 diff --git a/pages/base.css b/pages/base.css index 1609877f..2e911af4 100644 --- a/pages/base.css +++ b/pages/base.css @@ -3,7 +3,7 @@ a { font-weight: bold; background: url('../../icons/link-dark.svg') no-repeat right center; background-size: 10px 10px; - padding-right:13px; + padding-right: 13px; text-decoration: underline; } @@ -27,6 +27,7 @@ a:hover { font-size: 1.3em; line-height: 2; background-color: #fff; + text-align: center; } #button-copy-rule-set:hover { @@ -34,8 +35,15 @@ a:hover { background-color: #ddd; } +#button-copy-rule-set-icon { + background: url('../../icons/copy-dark.svg') no-repeat right center; + background-size: 20px 20px; + padding-right: 23px; +} + #generated-rules { display: none; + margin-top: 20px; } /** @@ -232,4 +240,9 @@ a:hover { #button-copy-rule-set:hover { background-color: #2d2d2d; } + + #button-copy-rule-set-icon { + background: url('../../icons/copy-light.svg') no-repeat right center; + background-size: 20px 20px; + } } diff --git a/pages/options/options.css b/pages/options/options.css index 5fdabaae..b61eed52 100644 --- a/pages/options/options.css +++ b/pages/options/options.css @@ -295,6 +295,18 @@ body[dir="rtl"] .input-text { border-radius: 3px; } +.option-links { + list-style-type: disclosure-closed; +} + +.option-links-div > ul { + padding-top: 2rem; +} + +.option-links-div > ul > li { + padding-bottom: .5rem; +} + @media (prefers-color-scheme: dark) { body { background-color: #202023; diff --git a/pages/options/options.html b/pages/options/options.html index f3ae87b4..a2b70b22 100644 --- a/pages/options/options.html +++ b/pages/options/options.html @@ -141,7 +141,7 @@ - +
+