title: Empty space above the app bar
body: <p>How do I get rid of the empty space shown below (the space between the horizontal red lines)?  I didn't see this on my app until getting a new phone (Samsung S8), which has more vertical screen space than my old HTC One.</p>
  
  <p><a href="https://i.stack.imgur.com/vDIVY.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/vDIVY.png" alt="app screenshot"></a></p>
  
  <p>The beginning of the layout file for that activity is:</p>
  
  <pre><code>&lt;ScrollView xmlns:android="http://schemas.android.com/apk/res/android"
      xmlns:tools="http://schemas.android.com/tools"
      android:layout_width="match_parent"
      android:layout_height="match_parent"&gt;
  &lt;LinearLayout ...
  </code></pre>
  
  <p>My values-v14/styles.xml is</p>
  
  <pre><code>&lt;resources&gt;
  
      &lt;!--
          Base application theme for API 14+. This theme completely replaces
          AppBaseTheme from BOTH res/values/styles.xml and
          res/values-v11/styles.xml on API 14+ devices.
      --&gt;
      &lt;style name="AppBaseTheme" parent="Theme.AppCompat.Light.DarkActionBar"&gt;
          &lt;!-- API 14 theme customizations can go here. --&gt;
      &lt;/style&gt;
  
  &lt;/resources&gt;
  </code></pre>
  
  <p>I tried googling this problem but I couldn't find anything -- I must be searching for the wrong terms.  What file do I need to edit to make the empty space above my app's action bar go away?</p>
  
  <p>Edit: for comparison, here's what the app looks like in the emulator (it looks the same way on my HTC One):</p>
  
  <p><a href="https://i.stack.imgur.com/1N90b.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/1N90b.png" alt="emulator screenshot"></a></p>
  
  <p>I'd like the app to behave the same way as above (i.e. no black space above the action bar) when I run it on my Samsung S8. What do I need to change?</p>