title: Shadow-like drawable, using "layer-list"
body: <h2>Background</h2>
  
  <p>I'm trying to make a (fake) shadow below a view, so that the layers would be vertical in this manner:</p>
  
  <ul>
  <li>a line of color "#43000000" with a height of "1dp"</li>
  <li>below the line, a gradient that starts from the top with color "#1A000000" and ends with color "#00000000", and is of a height of "8dp".</li>
  </ul>
  
  <h2>The problem</h2>
  
  <p>For some reason, I can't draw the line correctly. </p>
  
  <p>No matter what I do, the line for some reason takes the whole space, while the gradient seems fine.</p>
  
  <h2>What I tried</h2>
  
  <p>I tried using "line" as the shape and also "rectangle". I also tried using "stroke" instead of "solid", tried adding padding and margins...</p>
  
  <p>Here's the XML of the drawable file:</p>
  
  <pre><code>&lt;?xml version="1.0" encoding="utf-8"?&gt;
  &lt;layer-list xmlns:android="http://schemas.android.com/apk/res/android" &gt;
  
      &lt;item&gt;
          &lt;shape android:shape="rectangle" &gt;
              &lt;size android:height="1dp" /&gt;
  
              &lt;solid android:color="#43000000" /&gt;
          &lt;/shape&gt;
      &lt;/item&gt;
      &lt;item android:top="1dp"&gt;
          &lt;shape android:shape="rectangle" &gt;
              &lt;gradient
                  android:angle="270"
                  android:endColor="#00000000"
                  android:startColor="#1A000000" /&gt;
  
              &lt;size android:height="8dp" /&gt;
          &lt;/shape&gt;
      &lt;/item&gt;
  
  &lt;/layer-list&gt;
  </code></pre>
  
  <p>Again, this is not the only thing I've tried. It's just my first attempt.</p>
  
  <h2>The question</h2>
  
  <p>How can I fix this XML ? what is causing it to happen? </p>