title: How to make QML items to grow to fit contents?
body: <p>How to make ServerItem to grow to fit contents? Right now ServerItems just overlap each other.</p>
  
  <p>main.qml</p>
  
  <pre><code>import Qt 4.7
  import "Teeworlds" as Teeworlds
  
  Item {
      Column {
          Teeworlds.ServerItem {
              serverName: "InstaGib, lost [xyz]"
          }
  
          Teeworlds.ServerItem {
              serverName: "Arena.sbor (rus)"
          }
      }
  }
  </code></pre>
  
  <p>ServerItem.qml</p>
  
  <pre><code>import QtQuick 1.0
  
  BorderImage {
      id: serverItem
  
      property string serverName: "unnamed server"
      property string gameType: "DM"
      property int numPlayers: 0
      property int maxPlayers: 8
      property int ping: 60
  
      Text {
          id: title
          text: parent.serverName
      }
  
      Grid {
          id: grid
          anchors.top: title.bottom
          columns: 2
          rows: 3
          Text { text: "Gametype: " }  Text { text: gameType }
          Text { text: "Players: " }   Text { text: numPlayers + "/" + maxPlayers }
          Text { text: "Ping: " }      Text { text: ping }
      }
  }
  </code></pre>