OSX UI fix

Author: rafajaques

app/index.html

@@ -19,7 +19,7 @@
     <!-- Sidebar -->
     <div id="sidebar">
       <!-- Menu -->
-      <ul style="margin-top:25px;">
+      <ul>
         <li data-event="sidebar-run"><span class="glyphicon glyphicon-play" aria-hidden="true"></span> <span data-string="Run code"></span> <span id="run-version"></span></li>
         <li data-event="sidebar-clear"><span class="glyphicon glyphicon-erase" aria-hidden="true"></span> <span data-string="Clear"></span></li>
         <li data-event="sidebar-import"><span class="glyphicon glyphicon-open-file" aria-hidden="true"></span> <span data-string="Import from file"></span></li>

app/js/main.functions.js

@@ -217,6 +217,11 @@ function renderApp(refresh) {
       container: 'body',
       delay: { show: 400 }
     });
+
+    // Padding sidebar buttons to not be under traffic lights
+    if (conf.get('system.os') === 'osx') {
+      $('#sidebar ul').css('margin-top', '22px');
+    }
   }
 
   // Populate language list