diff --git a/infoscreen/static/css/infoscreen_admin.css b/infoscreen/static/css/infoscreen_admin.css
index a7284e4..e108cf3 100644
--- a/infoscreen/static/css/infoscreen_admin.css
+++ b/infoscreen/static/css/infoscreen_admin.css
@@ -1,9 +1,43 @@
-td{
-max-width:12vw;
-overflow:hidden;
-word-wrap:break-word;
+html {
+ font-size: 16px;
}
-#header{
+body {
+ padding: 1.5rem;
+ margin: 0.5rem;
+}
+
+tbody {
+ border: 1px solid #ddd;
+}
+
+@media (min-width: 760px) {
+ body {
+ font-size: 1rem;
+ }
+}
+
+@media (max-width: 760px) {
+ body {
+ font-size: 1rem;
+ }
+ h1 {
+ font-size: 3rem;
+ }
+ h2 {
+ font-size: 2rem;
+ }
+ .logout-button {
+ margin: 0;
+ }
+}
+
+td {
+ max-width: 12vw;
+ overflow: hidden;
+ word-wrap: break-word;
+}
+
+#header {
max-width: 100%;
}
diff --git a/infoscreen/templates/infoscreen_admin.html b/infoscreen/templates/infoscreen_admin.html
index 7ab1d90..63ce124 100644
--- a/infoscreen/templates/infoscreen_admin.html
+++ b/infoscreen/templates/infoscreen_admin.html
@@ -4,7 +4,7 @@
-
+
Infoscreen admin