Merge pull request #10 from goby-lang/fixbug/layout-input-btn-in-iphone

Fix Style Layout in iPhone and Adjust Layout of Code Tabs

Author: Alexius-Huang

public/css/code-tab.css

@@ -1,10 +1,14 @@
 #goby-lang {
-  height: 65vh;
+  height: 75vh;
+  width: 85%;
+  margin-left: auto;
+  margin-right: auto;
 }
 #goby-lang > pre {
   margin: 0;
-  height: calc(65vh - 35pt);
+  height: calc(75vh - 35pt);
   overflow: auto;
+  -webkit-overflow-scrolling: touch;
 }
 ul#code-tab {
   background-color: #FBA86F;

public/css/index.css

@@ -25,6 +25,11 @@ button {
   margin: 0;
   border-radius: 0;
 }
+input {
+  -webkit-appearance: none;
+  -webkit-border-radius: 0;
+  border-radius:0;
+}
 input:focus, button:focus { outline: none; }
 ul { margin: 0; padding: 0; }
 li { list-style-type: none; }
@@ -33,7 +38,7 @@ a { text-decoration: none; }
 .to-do-app {
   width: 85%;
   margin: 0 auto;
-  max-height: calc(65vh - 6pt);
+  max-height: calc(75vh - 6pt);
   box-sizing: border-box;
   box-shadow: 4pt 4pt 0pt rgba(247, 255, 160, 0.5),
               8pt 8pt 0pt rgba(255, 194, 79, 0.65),
@@ -88,7 +93,7 @@ a { text-decoration: none; }
 .list-group {
   background-color: #eea;
   color: #666;
-  max-height: calc(65vh - 46pt);
+  max-height: calc(75vh - 46pt);
   overflow: auto;
   /* box-shadow: inset 0pt 5pt 10pt #444; */
   position: relative;

public/css/mc-embed-signup.css

@@ -45,6 +45,7 @@ div#mc_embed_signup > form input[type="submit"] {
   }
   div#mc_embed_signup > form input[type="submit"] {
     width: 20%;
+    padding: 0;
     font-size: 10pt;
   }
   div#mc_embed_signup > form {

public/css/navbar.css

@@ -6,7 +6,7 @@ nav {
 nav > .nav-wrapper a {
   text-decoration: none;
   font-family: 'Hero', sans-serif;
-  color: white;
+  color: #F88B40;
 }
 nav > .nav-wrapper > a:hover > img#logo {
   border-radius: 50%;
@@ -30,6 +30,7 @@ nav > #desktop-nav.nav-wrapper > a:not(#logo-link) > span {
 }
 nav > #desktop-nav.nav-wrapper > a:not(#logo-link):hover > span {
   background-color: rgba(255, 158, 102, 0.69);
+  color: white;
   border-radius: 50%;
   transition: .25s;
 }