fix: set line-height and font-size a bit bigger

docs/raw/index.css

@@ -27,26 +27,25 @@
     --targetblink-animation-delay: 0.5s;
 
     --scrollbar-track-color: #222;
-    --scrollbar-thumb-color: rgba(175, 175, 175, .7);
-    --scrollbar-webkit-hover-color: rgba(65, 131, 196, .8);
+    --scrollbar-thumb-color: rgba(175, 175, 175, 0.7);
+    --scrollbar-webkit-hover-color: rgba(65, 131, 196, 0.8);
 
-    --line-height: calc(100% + 4px);
+    --line-height: calc(100% + 6px);
 }
 
-@font-face { 
+@font-face {
     font-family: "Cascadia Code";
     src: url("./cascadia-code.ttf"); /* URL can't have the "./static/" path since this CSS file is already loaded from "./static/" */
 }
 
-
-
-
 #submissions-hidden {
     display: none;
 }
 
 /* #MARKER BEGIN */
-html, body, #main {
+html,
+body,
+#main {
     scroll-behavior: smooth;
 }
 
@@ -55,7 +54,7 @@ body {
     background-color: var(--bg-color);
     color: #fff;
     font-family: "Roboto", "Segoe UI", "Arial", sans-serif;
-    font-size: 17px;
+    font-size: 18px;
     line-height: var(--line-height);
     font-weight: 200;
 
@@ -85,16 +84,19 @@ body {
     color: inherit;
 }
 
-.noul, .mimica {
+.noul,
+.mimica {
     cursor: pointer;
 }
 
-a:not(.noul), .mimica:not(.noul) {
+a:not(.noul),
+.mimica:not(.noul) {
     color: #8f9aff;
     text-decoration: none;
 }
 
-a:not(.noul):hover, .mimica:not(.noul):hover {
+a:not(.noul):hover,
+.mimica:not(.noul):hover {
     color: #bcc2ff;
     text-decoration: underline;
 }
@@ -104,19 +106,13 @@ a:not(.noul):hover, .mimica:not(.noul):hover {
 }
 
 .blackshadow {
-    text-shadow:
-        -1px -1px 0 #000,  
-         1px -1px 0 #000,
-        -1px  1px 0 #000,
-         1px  1px 0 #000;
+    text-shadow: -1px -1px 0 #000, 1px -1px 0 #000, -1px 1px 0 #000,
+        1px 1px 0 #000;
 }
 
 .whiteshadow {
-    text-shadow:
-        -1px -1px 0 #fff,  
-         1px -1px 0 #fff,
-        -1px  1px 0 #fff,
-         1px  1px 0 #fff;
+    text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff,
+        1px 1px 0 #fff;
 }
 
 body[data-sidenav="opened"] {
@@ -152,7 +148,8 @@ body[data-sidenav="closed"] {
     background: var(--scrollbar-track-color) !important;
 }
 
-::-webkit-scrollbar-track, ::-webkit-scrollbar-corner {
+::-webkit-scrollbar-track,
+::-webkit-scrollbar-corner {
     background: var(--scrollbar-track-color) !important;
 }
 
@@ -179,18 +176,13 @@ header {
     background-color: var(--header-bg-color);
     /* background: linear-gradient(0deg, rgba(255,213,0,1) 0%, rgba(255,213,0,1) 50%, rgba(0,91,187,1) 50%, rgba(0,91,187,1) 100%); */
     color: white;
-    text-shadow: 
-        -1px -1px 0px #000,
-         0px -1px 0px #000,
-         1px -1px 0px #000,
-        -1px  0px 0px #000,
-         1px  0px 0px #000,
-        -1px  1px 0px #000,
-         0px  1px 0px #000,
-         1px  1px 0px #000;
+    text-shadow: -1px -1px 0px #000, 0px -1px 0px #000, 1px -1px 0px #000,
+        -1px 0px 0px #000, 1px 0px 0px #000, -1px 1px 0px #000, 0px 1px 0px #000,
+        1px 1px 0px #000;
     z-index: 1000;
 
-    transition: filter ease-out var(--sidenav-colorblur-speed), width linear var(--sidenav-animation-speed);
+    transition: filter ease-out var(--sidenav-colorblur-speed),
+        width linear var(--sidenav-animation-speed);
 
     display: flex;
     flex-direction: row;
@@ -260,9 +252,10 @@ header #docTitle {
     color: #fff;
     white-space: nowrap;
 
-    transition: color 0.4s linear, filter 0.2s linear, transform 0.4s cubic-bezier(0,0,.27,1.77);
+    transition: color 0.4s linear, filter 0.2s linear,
+        transform 0.4s cubic-bezier(0, 0, 0.27, 1.77);
 
-    transform: rotate(0deg) scale(1.0);
+    transform: rotate(0deg) scale(1);
     filter: none;
 }
 
@@ -288,7 +281,8 @@ header #docTitle {
     cursor: default;
 }
 
-.noa, header #docTitle:hover {
+.noa,
+header #docTitle:hover {
     text-decoration: none;
 }
 
@@ -308,6 +302,7 @@ label {
 
 .miniimg {
     height: 1.1em;
+    max-width: 1.6em;
 }
 
 .miniimg.invert {
@@ -344,7 +339,7 @@ input#f_customLang {
     border-spacing: 0;
 }
 
-.alternatingBgTable tr:nth-child(2n+1) td {
+.alternatingBgTable tr:nth-child(2n + 1) td {
     background-color: rgba(0, 0, 0, 0.2);
 }
 
@@ -360,7 +355,8 @@ input#f_customLang {
     padding-right: 10px;
 }
 
-.alternatingBgTable tr th:not(:first-child), .alternatingBgTable tr td:not(:first-child) {
+.alternatingBgTable tr th:not(:first-child),
+.alternatingBgTable tr td:not(:first-child) {
     padding: 2px 10px 2px 10px;
 }
 
@@ -374,15 +370,18 @@ input#f_customLang {
     border-style: none none none solid;
 }
 
-table tr td.g, span.col.g {
+table tr td.g,
+span.col.g {
     color: #65b365;
 }
 
-table tr td.r, span.col.r {
+table tr td.r,
+span.col.r {
     color: #ffad41;
 }
 
-table tr td.dr, span.col.dr {
+table tr td.dr,
+span.col.dr {
     color: #aa2828;
 }
 
@@ -472,7 +471,6 @@ body[data-sidenav="opened"] mark {
     transition: margin-left var(--sidenav-animation-speed);
 }
 
-
 @media (max-width: 750px) {
     #content {
         padding: 10px;
@@ -480,8 +478,10 @@ body[data-sidenav="opened"] mark {
     }
 }
 
-body[data-sidenav="closed"] code, body code {
-    font-family: "Cascadia Code", "Inconsolata", "Courier New", "Consolas", monospace;
+body[data-sidenav="closed"] code,
+body code {
+    font-family: "Cascadia Code", "Inconsolata", "Courier New", "Consolas",
+        monospace;
     font-weight: normal;
     font-variant-ligatures: none;
     font-size: 15px;
@@ -528,7 +528,7 @@ body code .nocode.codeheader {
     display: block;
     padding-top: 6px;
     padding-bottom: 4px;
-    
+
     border: 3px solid var(--accent-color);
     border-style: none none solid none;
 }
@@ -541,7 +541,8 @@ body code .nocode.codeheader::before {
 }
 
 kbd {
-    font-family: "Cascadia Code", "Inconsolata", "Roboto Mono", "Courier New", monospace;
+    font-family: "Cascadia Code", "Inconsolata", "Roboto Mono", "Courier New",
+        monospace;
     font-weight: normal;
     font-variant-ligatures: none;
     font-size: 13px;
@@ -609,7 +610,8 @@ body[data-sidenav="opened"] .requestURLwrapper {
     transition: background-color ease-out var(--sidenav-colorblur-speed);
 }
 
-.requestMethodGET, .requestMethodPUT {
+.requestMethodGET,
+.requestMethodPUT {
     display: inline-block;
     margin-right: 10px;
 
@@ -759,7 +761,7 @@ textarea {
 }
 
 #contributorsContainer .contributor .contributorContact:after {
-    content:"\a";
+    content: "\a";
     white-space: pre;
 }
 
@@ -787,7 +789,8 @@ textarea {
     line-height: initial;
 }
 
-#sidenav a, .sidenav-mimica {
+#sidenav a,
+.sidenav-mimica {
     flex-grow: 1;
 
     padding: 5px 8px 5px 32px;
@@ -798,7 +801,8 @@ textarea {
     transition: 0.3s;
 }
 
-#sidenav a:hover, .sidenav-mimica:hover {
+#sidenav a:hover,
+.sidenav-mimica:hover {
     cursor: pointer;
     color: #f1f1f1;
 }
@@ -933,8 +937,12 @@ div.sidenavSpacer {
 }
 
 @media screen and (max-height: 450px) {
-    .sidenav {padding-top: 15px;}
-    .sidenav a {font-size: 18px;}
+    .sidenav {
+        padding-top: 15px;
+    }
+    .sidenav a {
+        font-size: 18px;
+    }
 }
 
 .docHeader .headerAnchorContainer {
@@ -1000,8 +1008,7 @@ div.sidenavSpacer {
     line-height: initial;
 }
 
-.docHeader:not(:first)
-{
+.docHeader:not(:first) {
     margin-top: 50px;
 }
 
@@ -1032,7 +1039,7 @@ div.sidenavSpacer {
 }
 
 .subHeaderContainer a:hover {
-    color: rgba(188, 194, 255, 1.0);
+    color: rgba(188, 194, 255, 1);
     text-decoration: inherit;
 }
 
@@ -1110,7 +1117,9 @@ body[data-sidenav="opened"] .highlightedContainer {
     padding-left: 20px;
 }
 
-.multiselect, #urlBuilderWrapper, #resultWrapper {
+.multiselect,
+#urlBuilderWrapper,
+#resultWrapper {
     background-color: #222;
     border: 1px solid #fff;
     padding: 6px;
@@ -1118,7 +1127,9 @@ body[data-sidenav="opened"] .highlightedContainer {
     border-radius: 5px;
 }
 
-body[data-sidenav="opened"] .multiselect, body[data-sidenav="opened"] #urlBuilderWrapper, body[data-sidenav="opened"] #resultWrapper {
+body[data-sidenav="opened"] .multiselect,
+body[data-sidenav="opened"] #urlBuilderWrapper,
+body[data-sidenav="opened"] #resultWrapper {
     background-color: #555;
 }
 
@@ -1126,7 +1137,7 @@ input[disabled] {
     cursor: not-allowed;
 }
 
-input[disabled]+label {
+input[disabled] + label {
     color: #bbb;
     cursor: not-allowed;
 }