fixin phones

1 files changed, 19 insertions, 9 deletions

diff --git a/StoneIsland/www/css/account.css b/StoneIsland/www/css/account.css
index fd5283e0..4f9903e1 100755
--- a/StoneIsland/www/css/account.css
+++ b/StoneIsland/www/css/account.css
@@ -163,7 +163,10 @@ input[type=text], input[type=password], input[type=number], input[type=email] {
 
 .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;
@@ -310,10 +313,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 {
@@ -331,14 +336,14 @@ 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:16px;
+  font-size:14px;
   letter-spacing:0.5px;
   text-align:center;
   position:absolute;
@@ -457,10 +462,6 @@ input.switch:checked + label:after {
 }
 
 .privacy-msg {
-  left: 50%;
-  display: inline-block;
-  position: relative;
-  transform: translateX(-50%);
   padding-top: 15px;
   padding-bottom: 80px;
 }
@@ -490,18 +491,23 @@ input.switch:checked + label:after {
   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 #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;
@@ -537,10 +543,14 @@ input.switch:checked + label:after {
   text-align: center;
   color: #696969;
   border: 1px solid;
-  padding-top: 9px;
+  border-left: 0;
   font-size: 14px;
   height: 48px;
   box-sizing: border-box;
+  width: 50%;
+  display: flex;
+  justify-content: center;
+  align-items: center;
 }
 
 .container-row .half-input input {