Adjustmnets to font sizes and preview fixes

Author: josevalim

assets/css/content/functions.css

@@ -29,6 +29,7 @@
   font-family: var(--monoFontFamily);
   font-size: var(--text-sm);
   font-weight: 700;
+  line-height: 2em;
 }
 
 .content-inner .detail-header:hover a.detail-link,
@@ -59,7 +60,7 @@
 
 .content-inner .specs pre {
   font-family: var(--monoFontFamily);
-  font-size: var(--text-xs);
+  font-size: 13px;
   font-style: normal;
   line-height: 24px;
   white-space: pre-wrap;

assets/css/content/general.css

@@ -120,7 +120,6 @@
 
 .content-inner .note {
   color: var(--iconAction);
-  margin-right: 5px;
   font-size: var(--text-sm);
   font-weight: normal;
 }
@@ -241,7 +240,7 @@
   font-style: normal;
   line-height: 24px;
   font-weight: 400;
-  font-size: 13px;
+  font-size: var(--text-sm);
 }
 
 @media screen and (max-width: 768px) {

assets/css/content/summary.css

@@ -11,7 +11,7 @@
 
 .content-inner .summary .summary-row .summary-signature {
   font-family: var(--monoFontFamily);
-  font-size: 13px;
+  font-size: var(--text-sm);
   font-weight: 700;
 }
 

assets/css/custom-props/common.css

@@ -55,10 +55,10 @@
 
   --text-xs: 0.75rem; /* 12px */
   --text-sm: 0.875rem; /* 14px */
-  --text-base: 1rem; /* 16px */
+  --text-md: 1rem; /* 16px */
   --text-lg: 1.125rem; /* 18px */
   --text-xl: 1.25rem; /* 20px */
-  
+
   --transition-duration: 150ms;
   --transition-timing: cubic-bezier(0.4, 0, 0.2, 1);
 

assets/css/layout.css

@@ -11,7 +11,7 @@ body {
   --sidebarTransitionDuration: 0.3s;
   background-color: var(--background);
   color: var(--textBody);
-  font-size: var(--text-base);
+  font-size: var(--text-md);
   line-height: 1.6875em;
 }
 

assets/css/search-bar.css

@@ -75,7 +75,7 @@
 }
 
 .top-search .search-bar .search-close-button {
-  font-size: var(--text-base);
+  font-size: var(--text-md);
   color: var(--searchAccentMain);
   background-color: transparent;
   border: none;

assets/css/settings.css

@@ -37,7 +37,7 @@
 }
 
 #settings-modal-content .switch-button-container > div > span {
-  font-size: var(--text-base);
+  font-size: var(--text-md);
 }
 
 #settings-modal-content .switch-button-container > div > p {

assets/css/tooltips.css

@@ -36,6 +36,7 @@ as it has absolute positioning, so doesn't impact the layout and click events pa
 .tooltip .tooltip-body .signature {
   min-width: 320px;
   width: 100%;
+  line-height: 1em;
 }
 
 .tooltip .tooltip-body .detail-header {
@@ -59,11 +60,8 @@ as it has absolute positioning, so doesn't impact the layout and click events pa
 
 .tooltip .tooltip-body .version-info {
   float: right;
-  line-height: 1.6rem;
   font-family: var(--monoFontFamily);
-  font-size: .9rem;
   font-weight: normal;
-  margin-bottom: -6px;
   opacity: .3;
   padding-left: .3em;
 }