title: How to adjust layout when soft keyboard appears
body: <p>I would like to adjust/re-size the layout when the soft-keyboard activated, as below:</p>
  
  <p><strong>Before and After:</strong></p>
  
  <p><img src="https://i.stack.imgur.com/LzdRv.png" alt="enter image description here"><img src="https://i.stack.imgur.com/q6BJZ.png" alt="enter image description here"></p>
  
  <hr>
  
  <p>Found couple resources in SO: </p>
  
  <ol>
  <li><a href="https://stackoverflow.com/questions/10493506/how-to-keep-all-fields-and-texts-visible-while-the-soft-keyboard-is-shown">How to keep all fields and texts visible while the soft keyboard is shown</a></li>
  <li><a href="https://stackoverflow.com/questions/13136891/android-soft-keyboard-spoils-layout-when-appears">android soft keyboard spoils layout when appears</a></li>
  <li><a href="https://stackoverflow.com/questions/7300497/adjust-layout-when-soft-keyboard-is-on">Adjust layout when soft keyboard is on</a></li>
  </ol>
  
  <hr>
  
  <p>But the questions &amp; answers are rather ambiguous, here's the question with clearer picture of what I want. </p>
  
  <p><strong>Requirements:</strong></p>
  
  <ul>
  <li>It should work on phone with any screen sizes.</li>
  <li>Noticed that the margin/padding space at "FACEBOOK" and "Sign Up for
  Facebook" has changed before and after. </li>
  <li>No scroll view is involved.</li>
  </ul>