Match system font on most OS

graphql · Oct 4, 2015 · eb33d64 · eb33d64
1 parent a99e221
commit eb33d64
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 4 deletions.
diff --git a/css/app.css b/css/app.css
@@ -13,7 +13,7 @@ html, body {
   -webkit-flex-direction: row;
           flex-direction: row;
   height: 100%;
-  font-family: helvetica, arial, sans-serif;
+  font-family: system, -apple-system, 'San Francisco', '.SFNSDisplay-Regular', 'Segoe UI', Segoe, 'Segoe WP', 'Helvetica Neue', helvetica, 'Lucida Grande', arial, sans-serif;
   font-size: 14px;
 }
 
@@ -265,7 +265,7 @@ html, body {
   -webkit-box-orient: vertical;
   color: #141823;
   display: -webkit-box;
-  font-family: helvetica, arial, sans-serif;
+  font-family: system, -apple-system, 'San Francisco', '.SFNSDisplay-Regular', 'Segoe UI', Segoe, 'Segoe WP', 'Helvetica Neue', helvetica, 'Lucida Grande', arial, sans-serif;
   font-size: 13px;
   -webkit-line-clamp: 3;
   line-height: 16px;
@@ -346,7 +346,7 @@ div.CodeMirror-lint-tooltip {
   -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
         box-shadow: 0 1px 3px rgba(0, 0, 0, 0.45);
-  font-family: helvetica, arial, sans-serif;
+  font-family: system, -apple-system, 'San Francisco', '.SFNSDisplay-Regular', 'Segoe UI', Segoe, 'Segoe WP', 'Helvetica Neue', helvetica, 'Lucida Grande', arial, sans-serif;
   font-size: 13px;
   line-height: 16px;
   padding: 6px 10px;

diff --git a/css/doc-explorer.css b/css/doc-explorer.css
@@ -56,10 +56,12 @@
   background-color: #ffffff;
   border-top: 1px solid #d6d6d6;
   bottom: 0;
+  left: 0;
   min-width: 300px;
   overflow-y: auto;
   padding: 20px 15px;
   position: absolute;
+  right: 0;
   top: 47px;
 }
 
@@ -93,7 +95,7 @@
   font-variant: small-caps;
   font-weight: bold;
   letter-spacing: 1px;
-  margin-bottom: 10px;
+  margin: 0 -15px 10px 0;
   padding: 10px 0;
   -webkit-user-select: none;
           user-select: none;