fixing css

Author: Kevin Nadro

css/stylesheet.css

@@ -63,6 +63,7 @@ button {
 .btn:hover,
 button:hover {
     background: rgba(0, 0, 0, .15);
+    border-bottom: 0px solid #505050;
 }
 
 .btn.active,
@@ -90,6 +91,10 @@ button input {
     border: none;
 }
 
+.tab_button{
+  border-bottom: 1px solid #505050;
+}
+
 .divider {
     position: absolute !important;
     z-index: 3;

index.html

@@ -117,9 +117,9 @@ <h3>
 <div class="workspace">
     <div class="viewer_container">
         <section class="tab_bar">
-            <button id="btn_doc" data-target="#tab_doc">Tracer API</button>
-            <button class="active" id="btn_desc" data-target="#tab_desc">Description</button>
-            <button id="btn_trace" data-target="#tab_module">Trace</button>
+            <button class="tab_button" id="btn_doc" data-target="#tab_doc">Tracer API</button>
+            <button class="tab_button active" id="btn_desc" data-target="#tab_desc">Description</button>
+            <button class="tab_button" id="btn_trace" data-target="#tab_module">Trace</button>
         </section>
         <section class="tab_container">
             <div class="tab" id="tab_doc">
@@ -136,8 +136,8 @@ <h3>
     </div>
     <div class="editor_container">
         <section class="files_bar">
-            <button class="btn-left"><i class="fa fa-angle-left" aria-hidden="true"></i></button>
-            <button class="btn-right"><i class="fa fa-angle-right" aria-hidden="true"></i></button>
+            <button class="tab_button btn-left"><i class="fa fa-angle-left" aria-hidden="true"></i></button>
+            <button class="tab_button btn-right"><i class="fa fa-angle-right" aria-hidden="true"></i></button>
             <div class="wrapper"></div>
         </section>
         <section class="explanation_container">

js/dom/add_files.js

@@ -24,9 +24,10 @@ module.exports = (category, algorithm, files, requestedFile) => {
 
   each(files, (file, explanation) => {
     var $file = addFileToDOM(category, algorithm, file, explanation);
+    $file.addClass('tab_button');
     if (requestedFile && requestedFile == file) $file.click();
   });
 
   if (!requestedFile) $('.files_bar > .wrapper > button').first().click();
   $('.files_bar > .wrapper').scroll();
-};
+};