Improve placement of buttons for editor

Author: keitharm

public/css/custom.css

@@ -490,7 +490,7 @@ input:read-only {
     width: 100% !important;
   }
 
-  #lintButton {
+  #lintButtonHome {
     display: none;
   }
 
@@ -558,7 +558,7 @@ input:read-only {
   font-weight: bold;
 }
 .mobileNav a:hover,
-a:active,
-a:focus {
+.mobileNav a:active,
+.mobileNav a:focus {
   background: #e7e7e7;
 }

public/css/editor.css

@@ -1,5 +1,5 @@
 #preview {
-  margin-top: -35px;
+  margin-top: 15px;
   position: relative;
   float: right;
   width: 35%;

public/css/skeleton.css

@@ -49,7 +49,7 @@
 }
 
 /* For devices larger than 550px */
-@media (min-width: 550px) {
+@media (min-width: 750px) {
   .container {
     width: 80%; }
   .column,
@@ -166,6 +166,7 @@ a:hover {
 /* Buttons
 –––––––––––––––––––––––––––––––––––––––––––––––––– */
 .button,
+#lintButtonHome,
 #lintButton,
 input[type="submit"],
 input[type="reset"],

views/pages/index.ejs

@@ -25,7 +25,7 @@ function phoneNum(format) {
   }).join('');
 }</pre>
       <div id="preview">
-        <button id="lintButton" onClick="lintCode()">Generate result</button>
+        <button id="lintButtonHome" onClick="lintCode()">Generate result</button>
         <pre id="results">
   Loading...
         </pre>

views/snippets/navbar.ejs

@@ -67,8 +67,9 @@ if (session.user !== undefined && session.user.tierName === 'Free') {
   </div>
 </div>
 <div class="mobileNav">
-    <button class="toggleButton">Toggle</button>
+    <button class="toggleButton"></button>
     <div class="mobileMenu">
+        <a href=""><h3>RandomAPI</h3></a>
       <% if (session.loggedin === true) { %>
         <a href="">Home</a>
         <a href="<%= upgrade %>">Upgrade</a>