From f4887cd89ad7511611002b82b98e80284b228bb5 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Patrick=20Ha=C3=9Fel?= <git@patrick-hassel.de>
Date: Fri, 27 Dec 2024 14:11:22 +0100
Subject: [PATCH] minor css changes

---
 src/server.cpp | 22 ++++++++++------------
 1 file changed, 10 insertions(+), 12 deletions(-)

diff --git a/src/server.cpp b/src/server.cpp
index 5e06ba2..3f01407 100644
--- a/src/server.cpp
+++ b/src/server.cpp
@@ -10,7 +10,7 @@ static const char *const style = R"(
 <style>
 body {
   font-family: sans-serif;
-  font-size: 9vw;
+  font-size: 8vw;
   margin: 0;
 }
 button{
@@ -21,11 +21,8 @@ button{
 table{
   border-collapse: collapse;
 }
-@media(min-width: 1000px) {
-  body {
-    font-size: 20px;
-    margin: 0;
-  }
+td{
+  text-align: center;
 }
 </style>
 )";
@@ -88,6 +85,12 @@ void web_index() {
   server.send(200, "text/html", "");
   server.sendContent(style);
   server.sendContent(script);
+
+  server.sendContent(R"(<p>)");
+  server.sendContent(R"(<a href="/player?index=0">Player 0</a><br>)");
+  server.sendContent(R"(<a href="/player?index=1">Player 1</a><br>)");
+  server.sendContent(R"(</p>)");
+
   server.sendContent(R"(<p>)");
   server.sendContent(R"(<a onclick="get('/mode?mode=0');">NONE</a><br>)");
   server.sendContent(R"(<a onclick="get('/mode?mode=1');">BORDER</a><br>)");
@@ -104,11 +107,6 @@ void web_index() {
   server.sendContent(R"(<a onclick="get('/mode?mode=12');">MATRIX</a><br>)");
   server.sendContent(R"(</p>)");
 
-  server.sendContent(R"(<p>)");
-  server.sendContent(R"(<a href="/player?index=0">Player 0</a><br>)");
-  server.sendContent(R"(<a href="/player?index=1">Player 1</a><br>)");
-  server.sendContent(R"(</p>)");
-
   server.sendContent(R"(<p>)");
   server.sendContent(R"(Helligkeit: <a onclick="get('/brighter');">+</a> / <a onclick="get('/darker');">-</a><br>)");
   server.sendContent(R"(Geschwindigkeit: <a onclick="get('/faster');">+</a> / <a onclick="get('/slower');">-</a><br>)");
@@ -138,7 +136,7 @@ void web_player() {
 
   server.sendContent(R"(<tr>)");
 
-  server.sendContent(R"(<td>&nbsp;</td>)");
+  server.sendContent(R"(<td><a href='/'>&larr;</td>)");
 
   server.sendContent(R"(<td>)");
   snprintf(buffer, sizeof buffer, R"(<button onclick="get('/player/move?index=%d&x=0&y=-1');">&uarr;</button><br>)", index);