1 files changed, 67 insertions, 48 deletions

diff --git a/StoneIsland/platforms/android/assets/www/css/account.css b/StoneIsland/platforms/android/assets/www/css/account.css
index 32c7df79..be82a4c7 100755
--- a/StoneIsland/platforms/android/assets/www/css/account.css
+++ b/StoneIsland/platforms/android/assets/www/css/account.css
@@ -67,7 +67,7 @@
   content:'';
   width:calc(100% + 100px);
   height:1px;
-  background:#bbb;
+  background:#666;
   position:absolute;
   bottom:0;
   left:-50px;
@@ -122,12 +122,23 @@
   text-align: center;
   margin: 0;
   padding: 20px 10px 8px 10px;
-  font-size: 14px;
+  font-size: 16px;
   color: #000;
   letter-spacing: 1px;
   font-weight: bold;
 }
 
+label {
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  text-align: center;
+  font-size: 16px;
+  color: #000;
+  letter-spacing:1px;
+  text-transform:uppercase;
+  height: 48px;
+}
 input[type=text], input[type=password], input[type=number], input[type=date], input[type=email]  {
   font-family:pfd, sans-serif;
   font-size:14px;
@@ -135,13 +146,13 @@ input[type=text], input[type=password], input[type=number], input[type=date], in
   color:#000;
   letter-spacing:1px;
   text-transform:uppercase;
-  height:35px;
+  height: 48px;
   text-align:center;
   margin: 0px auto;
   display:block;
-  margin-top:4px;
+  margin-top: 0px;
   width: calc(100vw - 10px);
-  border:1px solid #a9a9a9;
+  border:1px solid #696969;
   padding: 0;
   border-radius: 0;
 }
@@ -149,27 +160,35 @@ input[type=text], input[type=password], input[type=number], input[type=date], in
 input[type=text], input[type=password], input[type=number], input[type=email] {
   -webkit-appearance: none;
 }
-
+input[type=text]:focus, input[type=password]:focus, input[type=number]:focus, input[type=email] {
+  border-width: 2px;
+}
 .half-input {
   margin: 0px auto;
-  display: block;
+  display: flex;
+  flex-direction: row;
+  justify-content: flex-start;
+  align-items: center;
   margin-top: 4px;
   width: calc(100vw - 10px);
   overflow: auto;
 }
 
+.half-input label {
+  width: 50%;
+}
 .half-input input, .half-input select {
   position: relative;
   margin: 0;
   border:none;
   box-sizing: border-box;
   float: left;
-  border: 1px solid #a9a9a9;
+  border: 1px solid #696969;
   width: 50%;
 }
 
 .half-input > input:first-child {
-  border-right: 1px solid #a9a9a9;
+  border-right: 1px solid #696969;
 }
 
 #signup .toggle-container, #profile .toggle-container {
@@ -179,7 +198,7 @@ input[type=text], input[type=password], input[type=number], input[type=email] {
   width: calc(100vw - 10px);
   box-sizing: border-box;
   padding:0px 18px 2px;
-  font-size:14px;
+  font-size:16px;
 }
 
 #settings .toggle-container {
@@ -189,7 +208,7 @@ input[type=text], input[type=password], input[type=number], input[type=email] {
   width: calc(100vw - 10px);
   box-sizing: border-box;
   padding:10px 18px 2px;
-  font-size:14px;
+  font-size:16px;
 }
 
 .toggle-row {
@@ -296,10 +315,12 @@ input.switch:checked + label:after {
 
 .container-fill {
   min-height:80px;
+  display: flex;
   flex: 1;
   align-items: center;
   justify-content: center;
   position:relative;
+  flex-direction: column;
 }
 
 .container-fill-condensed {
@@ -317,26 +338,27 @@ input.switch:checked + label:after {
   width:calc(100vw - 10px);
   box-sizing:border-box;
   margin:10px auto 0;
-  position:relative
+  position:relative;
 }
 
 .container-row .container-message-condensed {
   margin: 2px auto!important
 }
 .container-fill .container-message {
-  font-size:12px;
+  font-size:14px;
   letter-spacing:0.5px;
   text-align:center;
-  position:absolute;
-  top:50%;
-  left:50%;
+  display: flex;
+  align-items: center;
+  justify-content: center;
   width:100%;
-  -webkit-transform: translateX(-50%) translateY(-50%);
-  transform: translateX(-50%) translateY(-50%);
+  min-height: 48px;
   color:#000;
 }
 
-
+.billing-container a {
+  text-decoration: none;
+}
 
 .premessage {
   top:calc(50% - 20px)!important;
@@ -351,7 +373,7 @@ input.switch:checked + label:after {
 }
 
 .checkbox-container {
-  font-size:11px;
+  font-size:14px;
   width:calc(100vw - 10px);
   display:table;
   box-sizing:border-box;
@@ -381,6 +403,7 @@ input.switch:checked + label:after {
   vertical-align:middle;
   display:table-cell;
   box-sizing:border-box;
+  text-align: left;
 }
 
 .billing-container .checkbox-caption {
@@ -442,10 +465,6 @@ input.switch:checked + label:after {
 }
 
 .privacy-msg {
-  left: 50%;
-  display: inline-block;
-  position: relative;
-  transform: translateX(-50%);
   padding-top: 15px;
   padding-bottom: 80px;
 }
@@ -463,46 +482,50 @@ input.switch:checked + label:after {
   color: #000;
   letter-spacing: 1px;
   text-transform: uppercase;
-  height: 35px;
+  height: 48px;
   text-align: center;
   margin: 0px auto;
   display: block;
   margin-top: 4px;
   width: calc(100vw - 10px);
-  border: 1px solid #a9a9a9;
+  border: 1px solid #696969;
 }
 .date-wrapper span {
   display: block;
 }
 .half-input .select-wrapper {
+  display: flex;
+  align-items: center;
+  justify-content: center;
   width: 50%;
   border: 0;
   margin-top: 0px;
   float: left;
   box-sizing: border-box;
-  border: 1px solid #a9a9a9;
+  border: 1px solid #696969;
+}
+.half-input .select-wrapper:nth-child(2) {
   border-left: 0px;
 }
 
 .half-input .select-wrapper span {
-  top: 8px;
   color: #aaa;
+  top: 0;
 }
 .select-wrapper [type=date] {
   opacity: 0;
   width: 100%;
-  height: 35px;
-  line-height: 35px;
+  height: 48px;
+  line-height: 48px;
   position: absolute;
   top: -5px;
   left: -1px;
-  width: 1px; height: 1px;
 }
 .select-wrapper select {
   opacity: 0;
   width: 100%;
-  height: 35px;
-  line-height: 35px;
+  height: 48px;
+  line-height: 48px;
   position: absolute;
   top: 0; left: 0;
   box-sizing: border-box;
@@ -512,8 +535,8 @@ input.switch:checked + label:after {
 }
 .select-wrapper span {
   position: relative;
-  top: 8px;
-  color: #888;
+  top: 15px;
+  color: #666;
 }
 .select-wrapper.picked span {
   color: #000;
@@ -521,33 +544,29 @@ input.switch:checked + label:after {
 
 .country-wrapper-static {
   text-align: center;
-  color: #a9a9a9;
+  color: #696969;
   border: 1px solid;
-  padding-top: 9px;
+  border-left: 0;
   font-size: 14px;
-  height: 35px;
+  height: 48px;
   box-sizing: border-box;
-}
-
-.container-row input:first-child {
-margin-top:10px
+  width: 50%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 
 .container-row .half-input input {
 margin-top:0px
 }
 
-#login .container-row input:first-child {
-margin-bottom:9px!important
-}
-
 .newuser {
   display:inline-block;
-  padding:14px;
+  padding:18px;
   text-decoration:underline
 }
 
 .forgotpassword {
-  padding:14px;
+  padding:18px;
   text-decoration:underline
 }
\ No newline at end of file