From af4fbf2ce8a33c5e540d2655b61c0cf6d1641062 Mon Sep 17 00:00:00 2001
From: Gergely Polonkai <gergely@polonkai.eu>
Date: Sun, 10 Feb 2019 11:05:02 +0100
Subject: [PATCH] Apply mobile style to symbolon controls

---
 symbolon/symbolon.css | 20 ++++++++++++++++++++
 1 file changed, 20 insertions(+)

diff --git a/symbolon/symbolon.css b/symbolon/symbolon.css
index 72e3a72..d1494d3 100644
--- a/symbolon/symbolon.css
+++ b/symbolon/symbolon.css
@@ -6,14 +6,34 @@ body {
 
 #selector {
     text-align: center;
+    padding-top: 1em;
     padding-bottom: 1em;
 }
 
+#selector > select {
+    border: 1px solid #999999;
+    padding: 10px;
+    border-radius: 10px;
+}
+
+#selector > button {
+    border: 1px solid #999999;
+    padding: 10px;
+    border-radius: 10px;
+}
+
 #selector > hr {
     border: solid black;
     border-width: 1px 0 0 0;
 }
 
+@media (max-width: 600px) {
+    #selector > select,button {
+        font-size: 100%;
+        font-weight: bold;
+    }
+}
+
 #cards {
     width: 90%;
     margin: 0 auto;