Fix a few CSS styles to improve the responsive design

marcpalm · Oct 31, 2017 · 4c0cf10 · 4c0cf10
1 parent e50d19a
commit 4c0cf10
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 3 deletions.
diff --git a/server/public/stylesheets/rocketrides.css b/server/public/stylesheets/rocketrides.css
@@ -288,6 +288,7 @@ fieldset {
 }
 
 .form input[type="radio"] {
+  display: none;
   width: 15px;
 }
 
@@ -663,7 +664,7 @@ form a.button {
   align-items: center;
   cursor: pointer;
   text-align: left;
-  margin: 0 20px;
+  margin: 10px 20px;
 }
 
 .pilot-option input {
@@ -877,8 +878,16 @@ form a.button {
     margin: 0;
   }
 
+  nav ol {
+    position: relative;
+  }
+
   nav ol li:not(.active) {
     position: absolute;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
     opacity: 0;
     pointer-events: none;
   }

diff --git a/server/views/signup.pug b/server/views/signup.pug
@@ -29,10 +29,10 @@ block content
           .pilot-options
             label.pilot-option
               input(type='radio', name='pilot-type', value='individual', id='po-individual', checked=true)
-              span Sign up as Individual
+              span Individual
             label.pilot-option
               input(type='radio', name='pilot-type', value='company', id='po-company')
-              span Sign up as Company
+              span Company
 
           h4.pilot-header Personal Information
           fieldset