Allow service bar to be snapped to any side

Top, left, bottom, right.

app/view/main/MainController.js

@@ -6,12 +6,7 @@ Ext.define('Rambox.view.main.MainController', {
 	,initialize: function( tabPanel ) {
 		const config = ipc.sendSync('getConfig');
 
-		if ( config.left_tabbar === true ) {
-			tabPanel.setTabPosition('left');
-		} else {
-			tabPanel.setTabPosition('top');
-		}
-
+		tabPanel.setTabPosition(config.tabbar_location);
 		tabPanel.setTabRotation(0);
 	}
 

app/view/preferences/Preferences.js

@@ -147,10 +147,25 @@ Ext.define('Rambox.view.preferences.Preferences',{
 						,hidden: process.platform === 'darwin'
 					}
 					,{
-						 xtype: 'checkbox'
-						,name: 'left_tabbar'
-						,boxLabel: 'Vertical service bar'
-						,value: config.left_tabbar
+						 xtype: 'combo'
+						,name: 'tabbar_location'
+						,fieldLabel: 'Service bar location'
+						,labelAlign: 'left'
+						,width: 380
+						,labelWidth: 105
+						,value: config.tabbar_location
+						,displayField: 'label'
+						,valueField: 'value'
+						,editable: false
+						,store: Ext.create('Ext.data.Store', {
+							 fields: ['value', 'label']
+							,data: [
+								 { 'value': 'top', 'label': 'Top' }
+								,{ 'value': 'left', 'label': 'Left' }
+								,{ 'value': 'bottom', 'label': 'Bottom' }
+								,{ 'value': 'right', 'label': 'Right' }
+							]
+						})
 					}
 					,{
 						 xtype: 'combo'

electron/main.js

@@ -20,7 +20,7 @@ const config = new Config({
 	 defaults: {
 		 always_on_top: false
 		,hide_menu_bar: false
-		,left_tabbar: false
+		,tabbar_location: 'top'
 		,window_display_behavior: 'taskbar_tray'
 		,auto_launch: !isDev
 		,flash_frame: true