From 324aa9bd84d8a99a9c972e62718295e74af71322 Mon Sep 17 00:00:00 2001
From: Syrus Akbary <me@syrusakbary.com>
Date: Wed, 25 Nov 2015 21:45:02 -0800
Subject: [PATCH] Improved styles and markup

---
 docs/css/main.styl             | 6 +++---
 docs/gatsby.config.js          | 2 +-
 docs/package.json              | 1 +
 docs/pages/docs/objecttypes.md | 2 +-
 4 files changed, 6 insertions(+), 5 deletions(-)

diff --git a/docs/css/main.styl b/docs/css/main.styl
index e982b922..3bdd3bcd 100644
--- a/docs/css/main.styl
+++ b/docs/css/main.styl
@@ -94,7 +94,7 @@ html, body
       content: ''
       width 5px
       height 5px
-      border-radius 100%
+      border-radius 3px
       display block
       position absolute
       background white
@@ -198,7 +198,7 @@ html, body
     top 20px
     height 32px
     width 32px
-    // image 'images/starwars-icon.png' 32px 32px
+    image './images/starwars-icon.png' 32px 32px
 
   &:hover
     transform translateY(-3px)
@@ -230,7 +230,7 @@ html, body
     top 8px
     height 16px
     width 16px
-    // image 'images/edit.png' 16px 16px
+    image './images/edit.png' 16px 16px
   &:hover
     transform: rotate(270deg) translateX(100%)
     background #666
diff --git a/docs/gatsby.config.js b/docs/gatsby.config.js
index bbfddb16..da6afec6 100644
--- a/docs/gatsby.config.js
+++ b/docs/gatsby.config.js
@@ -46,7 +46,7 @@ module.exports = function(config, env) {
   config.removeLoader('png');
   config.loader('png', function(cfg) {
     cfg.test = /\.png$/;
-    cfg.loader = 'file-loader'
+    cfg.loader = 'url-loader'
     return cfg
   })
   return config;
diff --git a/docs/package.json b/docs/package.json
index 207603ea..0b20256e 100644
--- a/docs/package.json
+++ b/docs/package.json
@@ -24,6 +24,7 @@
     "react-router": "^0.13.5",
     "rupture": "^0.6.1",
     "stylus-loader": "^1.4.2",
+    "url-loader": "^0.5.7",
     "webpack": "^1.12.9"
   }
 }
diff --git a/docs/pages/docs/objecttypes.md b/docs/pages/docs/objecttypes.md
index dbcab0f3..897b50f0 100644
--- a/docs/pages/docs/objecttypes.md
+++ b/docs/pages/docs/objecttypes.md
@@ -8,7 +8,7 @@ description: Walkthrough ObjectTypes
 An ObjectType is the single, definitive source of information about your data. It contains the essential fields and behaviors of the data you’re querying.
 
 The basics:
-- Each ObjectType is a Python class that inherits graphene.ObjectType or inherits an implemented [interfaces](/docs/interfaces/).
+- Each ObjectType is a Python class that inherits graphene.ObjectType or inherits an implemented [Interface](/docs/interfaces/).
 - Each attribute of the ObjectType represents a GraphQL field.
 
 ## Quick example