misc styling to fix iOS default styling issues

BoilerMake · Jan 6, 2017 · 0dc895a · 0dc895a
1 parent d938cc2
commit 0dc895a
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 4 deletions.
diff --git a/public/css/style.css b/public/css/style.css
@@ -133,6 +133,9 @@ h3 {
     margin-top: 20px;
 }
 .field {
+    -webkit-appearance: none;
+    -moz-appearance: none;
+    appearance: none;    
     background: rgb(249, 249, 249);
     width: 15rem;
     color: #171519;
@@ -198,12 +201,12 @@ h3 {
     font-family: 'Exo 2', sans-serif;
 }
 a {
-    color: #92BCF2;
+    color: #ff7e7e;
     font-weight: 700;
 }
 a:visited,
 a:hover {
-    color: #7EB6FF;
+    color: #ff7e7e;
 }
 .logo {
     height: 2.5rem;

diff --git a/views/index.jade b/views/index.jade
@@ -16,10 +16,10 @@ html
         .content
           .information
             form(method="POST", action="/invite")#join-form.form
-              input(type="email", name="email", placeholder="#{__('ENTER_EMAIL')}")#slack-email.field
+              input(type="email", name="email", placeholder="#{__('ENTER_EMAIL')}", required=true)#slack-email.field
               if tokenRequired
                 input(type="text", name="token", placeholder="#{__('ENTER_TOKEN')}")#slack-token.field
-              input(type="submit", value="Get Invite").submit
+              button(type="submit").submit Get Invite
     script.
       var tokenRequired = #{tokenRequired};
       var form = document.getElementById('join-form');