title: Aligning text and image on UIButton with imageEdgeInsets and titleEdgeInsets
body: <p>I would like to place an icon left of the two lines of text such that there's about 2-3 pixels of space between the image and the start of text. The control itself is Center aligned horizontally (set through Interface Builder)</p>
  
  <p>The button would resemble something like this:</p>
  
  <pre><code>|                  |
  |[Image] Add To    |
  |        Favorites |
  </code></pre>
  
  <p>I'm trying to configure this with contentEdgeInset, imageEdgeInsets and titleEdgeInsets to no avail. I understand that a negative value expands the edge while a positive value shrinks it to move it closer to the center.</p>
  
  <p>I tried:</p>
  
  <pre><code>[button setTitleEdgeInsets:UIEdgeInsetsMake(0, -image.size.width, 0, 0)];
  [button setImageEdgeInsets:UIEdgeInsetsMake(0, button.titleLabel.bounds.size.width, 0, 0)];
  </code></pre>
  
  <p>but this doesn't display it correctly. I've been tweaking the values but going from say -5 to -10 on the left inset value doesn't appear to move it in expected manner. -10 will scoot the text all the way to the left so I expected -5 to scoot it half way from the left side but it doesn't. </p>
  
  <p>What's the logic behind insets? I'm not familiar with image placements and related terminology.</p>
  
  <p>I used this SO question as a reference but something about my values isn't right.
  <a href="https://stackoverflow.com/questions/2451223/uibutton-how-to-center-an-image-and-a-text-using-imageedgeinsets-and-titleedgein">UIButton: how to center an image and a text using imageEdgeInsets and titleEdgeInsets?</a></p>