From fd53c44c687dd98a1b58d8237167ca178c9b2caf Mon Sep 17 00:00:00 2001
From: Hannes Reichle <reichleh@hu-berlin.de>
Date: Mon, 15 Mar 2021 19:08:53 +0100
Subject: [PATCH] added new buttons for selection of attributes

---
 client/SkribblMenu.js | 17 ++++++++++++++++-
 1 file changed, 16 insertions(+), 1 deletion(-)

diff --git a/client/SkribblMenu.js b/client/SkribblMenu.js
index 200b10c..2076f53 100644
--- a/client/SkribblMenu.js
+++ b/client/SkribblMenu.js
@@ -13,9 +13,24 @@ export default class SkribblMenu extends HTMLElement {
 					border-radius: 10px;
 					padding: 15px;
 				}
+				.characterSelector {
+					color: red;
+					margin: auto;
+					text-align: center
+					display:inline-block;
+				}
+				#ColorButtons{
+					text-align: center
+				}
 			</style>
-			<input type="text">
+			<div class="w3-container" id="ColorButtons"> 
+			<button class="characterSelector">&#8592</button>
+			<img alt="CharacterLook">
+			<button class="characterSelector">&#8594</button>
+			</div>
+			<input type="text" placeholder="Your Name">
 			<button>Play</button>
+
 		`;
 		this._nameInput = this.shadowRoot.querySelector("input");
 		this._playButton = this.shadowRoot.querySelector("button");
-- 
GitLab