Added RedBlack bet and made selected borders wider

BetButton.qml

@@ -20,7 +20,7 @@ Item {
         border.width: 0
 
         color: {
-            if (rouletteTable.numberOfBets < 2 || border.width == 2) {
+            if (rouletteTable.numberOfBets < 2 || border.width == 3) {
                 if (tapHandler.pressed) {
                     "#88999999"
                 } else if (hoverHandler.hovered) {
@@ -41,10 +41,10 @@ Item {
 
             onTapped: {
                 if (rouletteTable.numberOfBets < 2 && parent.border.width == 0) {
-                    parent.border.width = 2
+                    parent.border.width = 3
                     roulette.showBetInputDialog(betType, index_, betButton.parent.x + offsetX,
                     betButton.parent.y + offsetY)
-                } else if (parent.border.width == 2) {
+                } else if (parent.border.width == 3) {
                     parent.border.width = 0
                     PlayerAreaModel.removeBet(betType, index_)
                     rouletteTable.numberOfBets -= 1
@@ -61,14 +61,14 @@ Item {
                         rouletteTable.numberOfBets -=1
                     }
 
-                    selected.border.width = 2;
+                    selected.border.width = 3;
                     rouletteTable.numberOfBets += 1
                 } else if (b2 == betType && n2 == index_) {
                     if (selected.border.width != 0) {
                         rouletteTable.numberOfBets -=1
                     }
 
-                    selected.border.width = 2;
+                    selected.border.width = 3;
                     rouletteTable.numberOfBets += 1
                 } else {
                     if (selected.border.width != 0) {

CMakeLists.txt

@@ -42,6 +42,7 @@ qt_add_qml_module(roulette-payout
         Columns.qml
         Dozens.qml
         Singles.qml
+        RedBlack.qml
 
 )
 

RedBlack.qml

@@ -0,0 +1,34 @@
+import QtQuick
+
+import roulette
+
+Item {
+    /* RED */
+    Item {
+        x: 236
+        y: 231
+        BetButton {
+            index_: 37
+            betType: 1
+            height: 26
+            width: 73
+            offsetX: 50
+            offsetY: 23
+        }
+    }
+
+    /* BLACK */
+    Item {
+        x: 310
+        y: 231
+        BetButton {
+            index_: 38
+            betType: 2
+            height: 26
+            width: 73
+            offsetX: 50
+            offsetY: 23
+        }
+    }
+
+}

Roulette.qml

@@ -30,6 +30,9 @@ Item {
 
         Singles {
         }
+
+        RedBlack {
+        }
     }
 
     function destroyOnClose(obj) {