From 624d79075a913880edf26d1fcea34bcaaf0b41a6 Mon Sep 17 00:00:00 2001
From: mathuramg <mmg9291@gmail.com>
Date: Tue, 12 Jul 2016 12:25:48 -0400
Subject: [PATCH] make links accessible

---
 client/components/Nav.js                 |  8 ++++----
 client/modules/IDE/components/Sidebar.js | 12 +++++++-----
 client/modules/IDE/components/Toolbar.js |  2 +-
 client/styles/abstracts/_variables.scss  |  2 +-
 client/styles/components/_sidebar.scss   | 10 +++++-----
 client/styles/components/_signup.scss    |  6 +++---
 6 files changed, 21 insertions(+), 19 deletions(-)

diff --git a/client/components/Nav.js b/client/components/Nav.js
index ddccbc1a..85c82bb2 100644
--- a/client/components/Nav.js
+++ b/client/components/Nav.js
@@ -6,20 +6,20 @@ function Nav(props) {
     <nav className="nav">
       <ul className="nav__items-left">
         <li className="nav__item">
-          <p
+          <a
             className="nav__new"
             onClick={props.createProject}
           >
             New
-          </p>
+          </a>
         </li>
         <li className="nav__item">
-          <p
+          <a
             className="nav__save"
             onClick={props.saveProject}
           >
             Save
-          </p>
+          </a>
         </li>
         <li className="nav__item">
           <p className="nav__open">
diff --git a/client/modules/IDE/components/Sidebar.js b/client/modules/IDE/components/Sidebar.js
index cd75d0a7..701e5887 100644
--- a/client/modules/IDE/components/Sidebar.js
+++ b/client/modules/IDE/components/Sidebar.js
@@ -11,11 +11,13 @@ function Sidebar(props) {
             'sidebar__file-item--selected': file.id === props.selectedFile.id
           });
           return (
-            <li
-              className={itemClass}
-              key={file.id}
-              onClick={() => props.setSelectedFile(file.id)}
-            >{file.name}</li>
+            <li className={itemClass}>
+              <a
+                key={file.id}
+                onClick={() => props.setSelectedFile(file.id)}
+              >{file.name}
+              </a>
+            </li>
           );
         })}
       </ul>
diff --git a/client/modules/IDE/components/Toolbar.js b/client/modules/IDE/components/Toolbar.js
index f1a233b6..fd8d3289 100644
--- a/client/modules/IDE/components/Toolbar.js
+++ b/client/modules/IDE/components/Toolbar.js
@@ -34,7 +34,7 @@ function Toolbar(props) {
         <span
           className="toolbar__project-name"
           // TODO change this span into an input
-          onBlur={props.setProjectName.bind(this)} // eslint-disable-line 
+          onBlur={props.setProjectName.bind(this)} // eslint-disable-line
           contentEditable
           suppressContentEditableWarning
         >
diff --git a/client/styles/abstracts/_variables.scss b/client/styles/abstracts/_variables.scss
index e07d9e55..a41a2097 100644
--- a/client/styles/abstracts/_variables.scss
+++ b/client/styles/abstracts/_variables.scss
@@ -18,7 +18,7 @@ $light-button-background-hover-color: $p5js-pink;
 $light-button-background-active-color: #f10046;
 $light-button-hover-color: $white;
 $light-button-active-color: $white;
-$light-modal-button-background-color: #e6e6e6; 
+$light-modal-button-background-color: #e6e6e6;
 $light-icon-color: #8b8b8b;
 $light-icon-hover-color: $light-primary-text-color;
 
diff --git a/client/styles/components/_sidebar.scss b/client/styles/components/_sidebar.scss
index f7fb4ff8..38883386 100644
--- a/client/styles/components/_sidebar.scss
+++ b/client/styles/components/_sidebar.scss
@@ -1,12 +1,12 @@
 .sidebar__file-list {
-  border-top: 1px solid $ide-border-color; 
+  border-top: 1px solid $ide-border-color;
 }
 
 .sidebar__file-item {
   padding: #{8 / $base-font-size}rem #{20 / $base-font-size}rem;
   color: $light-inactive-text-color;
+  cursor: pointer;
+  &--selected {
+    background-color: $ide-border-color;
+  }
 }
-
-.sidebar__file-item--selected {
-  background-color: $ide-border-color;
-}
\ No newline at end of file
diff --git a/client/styles/components/_signup.scss b/client/styles/components/_signup.scss
index 44207481..203bc729 100644
--- a/client/styles/components/_signup.scss
+++ b/client/styles/components/_signup.scss
@@ -6,14 +6,14 @@
 	justify-content: center;
 }
 
-.signup-form__username-label, 
+.signup-form__username-label,
 .signup-form__email-label,
 .signup-form__password-label,
 .signup-form__confirm-password-label {
 	display: none;
 }
 
-.signup-form__username-input, 
+.signup-form__username-input,
 .signup-form__email-input,
 .signup-form__password-input,
 .signup-form__confirm-password-input {
@@ -22,4 +22,4 @@
 
 .signup-form__field {
 	margin: #{20 / $base-font-size}rem 0;
-}
\ No newline at end of file
+}