design fixes

src/main/java/com/alterdekim/game/component/game/DialogButtonColor.java

@@ -5,5 +5,6 @@ public enum DialogButtonColor {
     RED,
     BLUE,
     PURPLE,
-    YELLOW
+    YELLOW,
+    GREY
 }

src/main/resources/static/css/game.css

@@ -279,11 +279,10 @@ body {
 }
 
 .btn_string {
+    width: 100%;
 	display: inline-flex;
-	padding-left:5px;
 }
 
-
 #cell_descr {
 	z-index:100;
 	border-radius:10px;
@@ -379,7 +378,7 @@ body {
 	border-radius: 5px;
 	font-size: 12px;
 	color: white;
-	width: 220px;
+	width: 100%;
 	text-align: center;
 	padding: 6px 4px;
 	margin: 6px;

src/main/resources/static/javascript/game.js

@@ -177,12 +177,11 @@ function showDialog(body) {
         let html_btns = '';
         for(let i = 0; i < btns.length; i++) {
             let btn = btns[i];
-            html_btns += '<div id="buybtn" onclick="actionButtonClicked(\''+btoa(JSON.stringify(btn.onclickAction))+'\')" class="btn '+btn.buttonColor.toLowerCase()+'">'+btn.buttonText+'</div>';
+            html_btns += '<div onclick="actionButtonClicked(\''+btoa(JSON.stringify(btn.onclickAction))+'\')" class="btn '+btn.buttonColor.toLowerCase()+'">'+btn.buttonText+'</div>';
         }
         $("#twobtns").html(html_btns);
     }
     $("#dialog").css("display", "");
-    $("#onebtn").css("display", "none");
 }
 
 function playerColor(body) {

src/main/resources/templates/game.html

@@ -127,12 +127,7 @@
 						<div style="display: none;" id="dialog" class="dialogturn">
 							<p id="dialog_title">Покупаем?</p>
 							<p id="dialog_desc">Lorem ipsum dolor sit amet...</p></br>
-							<div class="btn_string" id="twobtns">
-								<div id="buybtn" onClick="leftBtnClicked(this)" class="btn green">Купить за 1,000k</div><div id="ignorebtn" onClick="rightBtnClicked()" class="btn grey">На аукцион</div>
-							</div>
-							<div class="btn_string" id="onebtn">
-								<div class="btn_long green" onClick="centerBtnClicked()" id="ogbtn">Купить за 1,000k</div>
-							</div>
+							<div class="btn_string" id="twobtns"></div>
 						</div>
 						
 						<!-- style="top:270px;left:400px" -->