-

styles.css

@@ -10,16 +10,27 @@ body {
         flex-direction: column;
 }
 
-
-
 .buttons {
 	height: 40px;
 	width: 100%;
 	display: flex;
 	justify-content: center;
 	align-items: center;
+	border: 1px solid black;
 }
 
+button {
+	background: #e0e0e0;
+	border: none;
+	border-left: 1px solid black;
+	border-right: 1px solid black;
+}
+
+button:hover {
+	background: #909090;
+}
+
+
 button.command {
 	margin: 0;
 	padding: 0;
@@ -38,8 +49,16 @@ span.h-slider {
 	flex-grow: 1;
 }
 
-.buttons span.time {
+.buttons .text-block {
+	height: 100%;
+	display: flex;
+	justify-content: center;
+	align-items: center;
 	width: 4em;
+	border-left: 1px solid black;
+}
+
+.buttons span.time {
 	font-weight: bold;
 	text-align: center;
 }