round table, orange button, button move

build/view/CallScreen.js

@@ -327,29 +327,31 @@ Screen.Conference = function() {
 			D.div({cls: ['bottom-buttons', {
 						hidden: Store.NOT(store.val('callScreenCamerasTune'))
 					}]},
-				D.h('button', {
-					cls: ['button primary', {nothing: Store.OR(isConnected, isConnecting)}],
-					onclick: ()=>{
-						isConnecting.set(true);
-						store.set('connection', true)
-					}
-				}, 'Ready to connect'),
-
-				D.h('button', {
-					cls: ['button primary', {nothing: Store.NOT(Store.OR(isConnected, isConnecting))}],
-					onclick: function(){
-						var _self = this;
-						store.set('connection', false);
-						_self.style.display = 'none';
-						setTimeout(function(  ){
-							store.set('connection', true);
-							setTimeout(function() {
-								_self.style.display = 'block';
-							}, 300)
-
-						}, 300);
-					}
-				}, 'Reconnect'),
+				D.div({style: {minWidth:'10px'}},
+					D.h('button', {
+						cls: ['button primary', {hidden: Store.OR(isConnected, isConnecting)}],
+						onclick: ()=>{
+							isConnecting.set(true);
+							store.set('connection', true)
+						}
+					}, 'Ready to connect'),
+
+					D.h('button', {
+						cls: ['button orange', {hidden: Store.NOT(Store.OR(isConnected, isConnecting))}],
+						onclick: function(){
+							var _self = this;
+							store.set('connection', false);
+							_self.style.display = 'none';
+							setTimeout(function(  ){
+								store.set('connection', true);
+								setTimeout(function() {
+									_self.style.display = 'block';
+								}, 300)
+
+							}, 300);
+						}
+					}, '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 {