edit docs button on large devices

Author: ShMcK

_includes/docs.html

@@ -1,13 +1,10 @@
 <br />
 <br />
 <section id="{{ include.id }}">
-  <h2>{{ include.title }}</h2>
-  <div>{{ include.content }}</div>
-  <br>
-  <a class="button" href="{{ include.editPath }}/{{ include.file }}">
+  <a class="button edit-docs" href="{{ include.editPath }}/{{ include.file }}">
     <i class="fa fa-pencil fa-fw"></i>
-    <span class="network-name">
-      Edit {{ include.title }} Docs
-    </span>
+    <span class="network-name">Edit</span>
   </a>
+  <h2>{{ include.title }}</h2>
+  <div>{{ include.content }}</div>
 </section>

_sass/_custom.scss

@@ -6,3 +6,14 @@
 .fa-2x:hover {
   opacity: 0.85;
 }
+
+.edit-docs {
+  float: right;
+}
+
+/* Portrait */
+@media (max-width: 850px) {
+  .edit-docs {
+    display: none;
+  }
+}