round table, orange button, button move

build/view/CallScreen.js

@@ -327,8 +327,9 @@ Screen.Conference = function() {
 			D.div({cls: ['bottom-buttons', {
 						hidden: Store.NOT(store.val('callScreenCamerasTune'))
 					}]},
+				D.div({style: {minWidth:'10px'}},
 					D.h('button', {
-					cls: ['button primary', {nothing: Store.OR(isConnected, isConnecting)}],
+						cls: ['button primary', {hidden: Store.OR(isConnected, isConnecting)}],
 						onclick: ()=>{
 							isConnecting.set(true);
 							store.set('connection', true)
@@ -336,7 +337,7 @@ Screen.Conference = function() {
 					}, 'Ready to connect'),
 
 					D.h('button', {
-					cls: ['button primary', {nothing: Store.NOT(Store.OR(isConnected, isConnecting))}],
+						cls: ['button orange', {hidden: Store.NOT(Store.OR(isConnected, isConnecting))}],
 						onclick: function(){
 							var _self = this;
 							store.set('connection', false);
@@ -349,7 +350,8 @@ Screen.Conference = function() {
 
 							}, 300);
 						}
-				}, 'Reconnect'),
+					}, 'Reconnect')
+				),
 
 				D.h('button', {
 					cls: ['button orange', {hidden: /*isConnected*/false}],

build/view/tableComponent.css

@@ -16,11 +16,19 @@
   line-height: 1.33;
 }
 
+
+.table-component--guest-row--guest {
+    padding: 0 5px;
+    text-align: center;
+    cursor: pointer;
+    min-width: 200px;
+}
 .table-component--table {
     position: relative;
-    border-radius: 24px;
+    border-radius: 100%;
     width: 262px;
-    height: 77px;
+    height: 262px;
+    margin: -33px 0;
     border: 1px solid #5C5C5C;
 }
 
@@ -31,6 +39,7 @@
     width: 264px;
     min-height: 60px;
     position: relative;
+    margin-left: -78px;
 }
 
 .table-component--guest-row--guest__user-icon--circle {