Make android tagroup width/dimension be responsive on all kinds of android devices.

Hi how can I make my tabgroup's width/dimension be responsive on all kinds of android devices. My tabgroup's width/dimension is working fine on Samsung S3 but when I tested it on smaller screen the tabgroup is compressed and when tested on Tablet the tabgroup is not centered. Here's a screenshot on the tablet. tablet screenshot

var tabGroup = Titanium.UI.createTabGroup();
var nowShowingWindow = Titanium.UI.createWindow({
    title: "Now Showing",
    url: "window/nowshowing.js"
});
 
var nowShowing = Titanium.UI.createTab({
    title: 'Now Showing',
    window: nowShowingWindow
});
 
var cinemasWindow = Titanium.UI.createWindow({
    title: "Cinemas",
    url: "window/cinemas.js"
});
 
var cinemas = Titanium.UI.createTab({
    title: 'Cinemas',
    window: cinemasWindow
});
 
var upcomingWindow = Titanium.UI.createWindow({
    title: "Coming Soon",
    url: "window/upcoming.js"
});
 
var upcoming = Titanium.UI.createTab({
    title: 'Coming Soon',
 
    window: upcomingWindow
});
 
tabGroup.addTab(nowShowing);
tabGroup.addTab(cinemas);
tabGroup.addTab(upcoming);
tabGroup.open();