diff --git a/css/uhr.css b/css/uhr.css
index 50afbcd..f2e60ed 100644
--- a/css/uhr.css
+++ b/css/uhr.css
@@ -183,13 +183,24 @@ a.uhr-configlink {
top: 0;
left: 0;
}
+@media (max-width: 400px) {
+ .uhr-controlpanel .content {
+ height: 100%;
+ }
+}
+@media (min-width: 401px) {
+ .uhr-controlpanel .content {
+ margin-left: auto;
+ margin-right: auto;
+ width: 10em;
+ top : 1em;
+ border-radius: 0.5em;
+ box-shadow: 0 0 1em black;
+ }
+}
.uhr-controlpanel .content {
background-color: #fff;
- margin-left: auto;
- margin-right: auto;
- width: 10em;
padding: 2em;
- border-radius: 0.5em;
position: relative;
}
a.uhr-closecontrolpanel {
diff --git a/index.html b/index.html
index 6a71700..a7393f5 100644
--- a/index.html
+++ b/index.html
@@ -22,8 +22,13 @@ along with this program. If not, see .
-
-
+
+
+
+
+
+
+
@@ -31,7 +36,11 @@ along with this program. If not, see .
+
+
+
+
@@ -45,7 +54,6 @@ along with this program. If not, see .
width: size,
color: 'black',
language: 'de_CH',
- force: true,
controls: true
});
})(jQuery);