From 377be765c3597c7094923b4c5f61d3bdc5ae0669 Mon Sep 17 00:00:00 2001
From: jcorporation <mail@jcgames.de>
Date: Fri, 18 Jan 2019 23:30:54 +0000
Subject: [PATCH] Fix: convert px to rem

---
 htdocs/css/mympd.css | 18 +++++++++---------
 1 file changed, 9 insertions(+), 9 deletions(-)

diff --git a/htdocs/css/mympd.css b/htdocs/css/mympd.css
index 50f4fd9..2021075 100644
--- a/htdocs/css/mympd.css
+++ b/htdocs/css/mympd.css
@@ -8,13 +8,13 @@ html {
 }
 
 body {
-  padding-top: 50px;
-  padding-bottom: 50px;
+  padding-top: 4rem;
+  padding-bottom: 4rem;
   background-color: #888;
 }
 
 main {
-  padding-top: 10px;
+  padding-top: 1rem;
 }
 
 footer {
@@ -51,7 +51,7 @@ button {
 }
 
 [data-col=Pos], [data-col=Type], [data-col=Track], [data-col=Action] {
-  width: 30px;
+  width: 2rem;
 }
 
 small {
@@ -120,7 +120,7 @@ small {
   font-family: 'Material Icons';
   font-weight: normal;
   font-style: normal;
-  font-size: 18px;  /* Preferred icon size */
+  font-size: 1.4rem;  /* Preferred icon size */
   display:inline-block;
   line-height: 1;
   text-transform: none;
@@ -146,7 +146,7 @@ small {
 }
 
 .material-icons-small {
-  font-size: 16px;
+  font-size: 1rem;
 }
 
 .material-icons-small-left {
@@ -171,7 +171,7 @@ small {
 }
 
 .progressBarPlay {
-  font-size: 22px;
+  font-size: 1.8rem;
 }
 
 #counter {
@@ -234,8 +234,8 @@ button.active-fg-red {
 
 div#alertBox {
   position:fixed;
-  top: 50px; 
-  right:10px;
+  top: 4rem; 
+  right:1rem;
   width:80%; 
   max-width:400px;
   z-index:1000;