imroved top nav display and files bar

nem035 · nem035 · commit 9b9371349219 · 2016-06-10T05:40:50.000-04:00
diff --git a/css/stylesheet.css b/css/stylesheet.css
@@ -88,6 +88,7 @@ nav {
     height: 30px;
     width: 100%;
     padding: 0 16px;
+    box-shadow: 0px 0px 3px 1px black;
 }
 
 nav h3 {
@@ -274,15 +275,19 @@ section {
     border-bottom: 1px solid #505050;
 }
 
-.files_bar > * {
-    position: absolute;
-    height: 100%
+.files_bar button {
+	height: 29px;
+  float: left;
+  position: relative;
+}
+
+.files_bar button.active {
+  border: 1px solid #505050;
+  border-bottom: none;
 }
 
 .files_bar > button {
     width: 30px;
-    float: left;
-    position: relative;
 }
 
 .files_bar > button:disabled {
diff --git a/index.html b/index.html
@@ -117,8 +117,8 @@ <h3>
     <div class="editor_container">
         <section class="files_bar">
             <button class="btn-left"><i class="fa fa-angle-left" aria-hidden="true"></i></button>
-            <div class="wrapper"></div>
             <button class="btn-right"><i class="fa fa-angle-right" aria-hidden="true"></i></button>
+            <div class="wrapper"></div>
         </section>
         <section class="explanation_container">
             <span id="explanation"></span>
diff --git a/public/algorithm_visualizer.css b/public/algorithm_visualizer.css
@@ -208,6 +208,7 @@ nav {
     height: 30px;
     width: 100%;
     padding: 0 16px;
+    box-shadow: 0px 0px 3px 1px black;
 }
 
 nav h3 {
@@ -394,15 +395,19 @@ section {
     border-bottom: 1px solid #505050;
 }
 
-.files_bar > * {
-    position: absolute;
-    height: 100%
+.files_bar button {
+	height: 29px;
+  float: left;
+  position: relative;
+}
+
+.files_bar button.active {
+  border: 1px solid #505050;
+  border-bottom: none;
 }
 
 .files_bar > button {
     width: 30px;
-    float: left;
-    position: relative;
 }
 
 .files_bar > button:disabled {
diff --git a/public/algorithm_visualizer.min.css b/public/algorithm_visualizer.min.css
