From fd2165916d1e211321a4895b205448f38efc873f Mon Sep 17 00:00:00 2001
From: "mark.j0hnst0n" <friendorfaux6@gmail.com>
Date: Tue, 2 Jun 2020 11:10:48 +0000
Subject: [PATCH] margins amended on audio.html and dates.html.  readme file
 updated.

---
 README.md            | 22 ++++++++++++++++++++++
 assets/css/style.css |  4 +++-
 2 files changed, 25 insertions(+), 1 deletion(-)

diff --git a/README.md b/README.md
index 541f199..8bf8d31 100644
--- a/README.md
+++ b/README.md
@@ -48,6 +48,8 @@ To go to the live site click [here](https://markj0hnst0n.github.io/fauxdjsmilest
 
 Basic wireframes for this project were created using Balsamiq and you can find a link to the balsamiq project file [here](https://github.com/markj0hnst0n/fauxdjsmilestoneproj1/blob/master/assets/readme/wireframes/faux_djs_website_wireframes.bmpr)
 
+[Wireframes Pictures Repository](https://github.com/markj0hnst0n/fauxdjsmilestoneproj1/tree/master/assets/readme/wireframes)  
+
 Here are pictures of the wireframes on their respective devices.
 
 ### index.html on desktop
@@ -149,14 +151,34 @@ Modified Embedded Code from https://soundcloud.com/ and https://www.spotify.com/
 ## On all Listed Devices emulated and all live testing scenarios the following tests were performed:
 
 - Home page opened and scrolled to read entire Bio.
+
+![user_story_description](assets/readme/user_stories_pictures/user_story_description.png)
+
 - Audio page opened and scrolled so all content was viewable and mixes tested for audio.
+
+![user_story_listen](assets/readme/user_stories_pictures/user_story_listen.png)
+
 - Dates page opened and scrolled to ensure all dates, venues and times were readable.
+
+![user_story_when_where](assets/readme/user_stories_pictures/user_story_when_where.png)
+
 - Home page opened and scrolled to ensure book now button is readble.
+
+![user_story_description](assets/readme/user_stories_pictures/user_story_description.png)
+
 - Contact page opened and form scrolled so that all parts a viewable.
 - Contact page form submit button clicked and required message returned to ensure form works correctly.
+
+![user_story_contact](assets/readme/user_stories_pictures/user_story_contact.png)
+
 - Open all pages and check that link tree can be easily viewed at all times.
+
+![user_story_navigate](assets/readme/user_stories_pictures/user_story_navigate.png)
+
 - Open all pages and check that social media icons are easily viewed at all times.
 
+![user_story_social_links](assets/readme/user_stories_pictures/user_story_social_links.png)
+
 ### Live Testing
 
 The above tests were performed live on Apple Macbook Pro running the following browsers without issue:
diff --git a/assets/css/style.css b/assets/css/style.css
index b89e250..9224d59 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -126,6 +126,8 @@ section a:hover{
 
 .audio-headings{
     font-family: "Lato", sans-serif;
+    margin-bottom: 20px;
+    margin-top: 20px;
 }
 
 .faux-audio{
@@ -158,7 +160,7 @@ section a:hover{
     width: 100%;
     height: 400px;
     margin: 0;
-    margin-top: 20px;
+    margin-top: 30px;
     table-layout: fixed;
     margin-bottom: 85px;
 }