fix(syntax): improve the font size and height of download button

Pelican-Elegant · Feb 3, 2020 · 07595b3 · 07595b3
1 parent f499fd6
commit 07595b3
Showing 1 changed file with 5 additions and 5 deletions.
diff --git a/static/css/code.css b/static/css/code.css
@@ -31,8 +31,9 @@ figure.code {
     border-radius: var(--borderRadius) var(--borderRadius) 0 0;
     background-color: #544c50;
     color: #ebdbb2;
-    padding: 2px 9.5px;
+    padding: 1px 9.5px;
     font-family: var(--sansFontFamily);
+    font-size: rfs(1.1rem);
     & span.liquid-tags-code-title {
       flex-grow: 1;
     }
@@ -47,13 +48,12 @@ figure.code {
       position: relative;
       margin-left: 30px;
       &:before {
-        display: inline-block;
-        height: 18px;
-        width: 18px;
+        height: rfs(0.9rem);
+        width: rfs(0.9rem);
+        top: rfs(0.35rem);
         content: url("data:image/svg+xml,%3Csvg%20image-rendering%3D%22optimizeQuality%22%20shape-rendering%3D%22geometricPrecision%22%20text-rendering%3D%22geometricPrecision%22%20viewBox%3D%220%200%20294%20452.5%22%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%3E%3Cg%20fill%3D%22%23b8bb26%22%3E%3Cpath%20d%3D%22m126%200h42v185h62l-83%20111-83-111h62z%22%2F%3E%3Cpath%20d%3D%22m294%20257v105c-98%200-196%200-294%200v-105h34v71h226v-71z%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E%0A");
         margin: 0;
         padding: 0 4px 0 0;
-        top: 4px;
         right: 100%;
         position: absolute;
       }