Added peer details screen (#86)

Addresses #78

Author: GBKS

assets/images/settings/peer-details-big.png

@@ -22,7 +22,7 @@ About, Storage, and Connection screens are covered in [first use]({{ '/first-use
 
 ## Peers
 
-Shows other nodes the application is connected to. Provides users a detailed understanding of what is happening under the hood of the block clock. At a later stage it should be possible to view peer details, and add and remove peers. The sorting buttons also define what detail is shown in each peer item, based on what is relevant for the selected filter.
+Shows other nodes the application is connected to. Provides users a detailed understanding of what is happening under the hood of the block clock. The sorting buttons also define what detail is shown in each peer item, based on what is relevant for the selected filter.
 
 {% include picture.html
 	image = "/assets/images/settings/peers.png"
@@ -33,6 +33,19 @@ Shows other nodes the application is connected to. Provides users a detailed und
 	height = 820
 %}
 
+Tapping a peer reveals all the details in a new screen. The information is split up into categories. In addition to showing the value of each field, an evaluation is shown whenever possible to help users understand and act on the data.
+
+Below is a first draft. The details should be refined over time and with practical input from users who closely work with this data. Users should be able to easily understand whether this connection is helpful to them, the peer, and the network.
+
+{% include picture.html
+	image = "/assets/images/settings/peer-details.png"
+	retina = "/assets/images/settings/peer-details@2x.png"
+	big = "/assets/images/settings/peer-details-big.png"
+	alt-text = "Application screen showing detailed information about a single connected peer"
+	width = 800
+	height = 904
+%}
+
 ## Network traffic
 
 Provides insight into how much data has been sent and received. Received data can often by 100x the amount of sent data.